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

在项目目录下，找到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的默认执行命令。