【vue】npm run serve和npm run dev

1 問題

有些工程中，運行npm run serve可以成功運行，有些工程中，卻要運行npm run dev才能成功運行。

2 原因

其實 npm run dev 或者是 npm run serve 等 npm run xxx 並不是一定要這麼寫。npm run XXX是執行配置在 package.json 中的腳本，比如：

"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 等，所以起名，最起碼要從名字上基本能看出來是幹什麼的。