Vue 中npm run dev 和 npm run serve 的区别

发布时间 2023-03-24 15:49:36作者: Ratooner

在项目目录下,找到package.json文件,运行npm run serve命令启动项目的项目中,scripts中有一个serve字段,npm run dev命令中有一个dev字段,如下:

"scripts": {
  "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",   //运行npm run dev的scripts字段
  "start": "npm run dev",
  "unit": "jest --config test/unit/jest.conf.js --coverage",
  "e2e": "node test/e2e/runner.js",
  "test": "npm run unit && npm run e2e",
  "lint": "eslint --ext .js,.vue src test/unit test/e2e/specs",
  "build": "node build/build.js"
}

或者

"scripts": {
  "serve": "vue-cli-service serve", //运行 npm run serve 的 scripts 字段
  "build": "vue-cli-service build",
  "lint": "vue-cli-service lint"
}

 

npm run dev和npm run serve本质上是运行不同版本的vue-cli脚本启动下的项目。dev是vue cli2的默认执行命令,serve是vue cli4的默认执行命令。