npm run dev 是vue-cli2.0版本使用的
npm run serve 是vue-cli3.0版本使用的
dev build serve?
其實 npm run dev 或者是 npm run serve 等 npm run xxx 並不是一定要這么寫。
npm run XXX是執行配置在 package.json 中的腳本,比如:
vue-cli2.0
"scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", "build": "node build/build.js" }
vue-cli3.0
"scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }
npm run xxx 中的 xxx 可以理解為鍵值對的 key,實際上 run 的是在 package.json 里面 scripts 配置的 value;
比如,npm run serve 實際運行的是 vue-cli-service serve;
而放在 3.0 以前運行的則是 node build/dev-server.js 文件;
3、總結
npm run xxx,並不是你想運行就運行的,只有在 package.json scripts 配置了,你才能 run 的,所以不是所有的項目都能 npm run dev/build。
要了解這些命令做了什么,就要去scripts中看具體執行的是什么代碼。
這里就像是一些命令的快捷方式,免去每次都要輸入很長的的命令(比如 serve 那行)
一般項目都會有 build, dev, unit 等,所以起名,最起碼要從名字上基本能看出來是干什么的。