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的默认执行命令。