1. 程式人生 > 其它 >npm run dev ,npm run serve

npm run dev ,npm run serve

1、ERR引發的思考

建立好的 vue 專案直接執行 vue run dev 報錯?執行 vue run serve 就可以啟動...如下

npm run dev
npm ERR! missing script: dev

npm ERR! A complete log of this run can be found in:
npm ERR!     E:\nodejs\node_cache\_logs\2018-12-12T15_06_08_674Z-debug.log

2、dev build serve?

其實 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 檔案;

這時候我們再來看上邊的問題是不是豁然了呢, scripts 中並沒有配置 dev ,所以控制檯報了 [ missing script: dev ] 的錯誤 ;

3、總結

npm run xxx,並不是你想執行就執行的,只有在 package.json scripts 配置了,你才能 run 的,所以不是所有的專案都能 npm run dev/build。

要了解這些命令做了什麼,就要去scripts中看具體執行的是什麼程式碼。

這裡就像是一些命令的快捷方式,免去每次都要輸入很長的的命令(比如 serve 那行)

一般專案都會有 build, dev, unit 等,所以起名,最起碼要從名字上基本能看出來是幹什麼的。