npm run dev 和 npm run serve 啟動命令的區別


  1. vue項目啟動命令出現的問題
    我們在開發中,偶爾看到有些項目的啟動命令是npm run dev, 有些是npm run serve, 都會出現一定的疑問,這是什么原因造成這種情況呢,原因在於Vue腳手架版本的問題,也可以理解為執行配置的腳本問題,有的腳手架版本支持npm run serve命令啟動項目,有的腳手架版本卻支持npm run dev命令啟動項目.
    如果在項目中用了錯的啟動命令,則會報如下錯誤
Cheeng$ npm run serve
npm ERR! missing script: serve
npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/Ceng/.npm/_logs/2020-11-13T058_226Z-debug.log
  1. 解決問題
    打開項目的package.json文件,找到該文件里面的scripts; 由於腳手架版本不同造成的啟動項目時候的報錯問題
    如下2圖不同的配置,會有不同啟動命令
    在這里插入圖片描述
  2. 小結
    npm run xxx,並不是你想運行就運行的,只有在 package.json腳本中對scripts 配置了,才可以進行 run 的,所以不是所有的項目都能 npm run dev/serve。
    要了解這些命令做了什么,就要去scripts中看具體執行的是什么代碼。
    這里就像是一些命令的快捷方式,免去每次都要輸入很長的的命令(比如 serve 那行)
    一般項目都會有 build, dev, serve 等,所以起名,最起碼要從名字上基本能看出來是干什么的。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM