【Npm學習】npm run dev 和 npm run serve
阿新 • • 發佈:2022-01-17
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.jsonscripts配置了,你才能 run 的,所以不是所有的專案都能 npm run dev/build。
要了解這些命令做了什麼,就要去scripts中看具體執行的是什麼程式碼。
這裡就像是一些命令的快捷方式,免去每次都要輸入很長的的命令(比如 serve 那行)
一般專案都會有 build, dev, unit 等,所以起名,最起碼要從名字上基本能看出來是幹什麼的。
作者:gtea 部落格地址:https://www.cnblogs.com/gtea