npm run dev 和 npm run serve

 

一、ERR引起的思考

建立好的 vue 項目直接執行 vue run dev 報錯?運行 vue run serve 就能夠啓動...以下vue

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

二、dev build serve?

其實 npm run dev 或者是 npm run serve 等 npm run xxx 並非必定要這麼寫。
npm run XXX是執行配置在 package.json 中的腳本,好比:node

"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;vue-cli

好比,npm run serve 實際運行的是 vue-cli-service serve;npm

而放在 3.0 之前運行的則是 node build/dev-server.js 文件;json

這時候咱們再來看上邊的問題是否是豁然了呢, scripts 中並無配置 dev ,因此控制檯報了 [ missing script: dev ] 的錯誤 ;post

 

三、總結

npm run xxx,並非你想運行就運行的,只有在 package.json scripts 配置了,你才能 run 的,因此不是全部的項目都能 npm run dev/build。ui

要了解這些命令作了什麼,就要去scripts中看具體執行的是什麼代碼。this

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

通常項目都會有 build, dev, unit 等,因此起名,最起碼要從名字上基本能看出來是幹什麼的。server

相關文章
相關標籤/搜索