vue項目啟動時，npm run serve 和 npm run dev 的區別

在我們運行一些 vue 項目的時候，輸入npm run serve或者 npm run dev的其中一個時，系統會報錯：

PS C:\Users\LENOVO\Desktop> npm run dev
npm ERR! missing script: dev

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\LENOVO\AppData\Roaming\npm-cache\_logs\2020-05-27T01_05_59_189Z-debug.log
PS C:\Users\LENOVO\Desktop\website> npm run serve
1
2
3
4
5
6
然后我們就特別好奇，npm run serve 和 npm run dev 到底有什么區別，
這時我們就打開 package.json 文件，觀察這段代碼：

"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
1
2
3
4
5
可以把這個 npm run serve 當做是 npm run package.json 里面的scripts的value。
比如，npm run serve 實際運行的是 vue-cli-service serve；而如果你想使用npm run dev 的話，只需把 “serve” 修改為 “dev” 就行。如下：

"scripts": {
"dev": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
1
2
3
4
5
這就是 npm run serve 和 npm run dev 的區別，原理特別簡單，但是需要多加注意。