npm run dev 和 npm run serve 區別

海乐学习發表於2024-03-28

在日常執行vue 專案中 在終端 執行命令有時用到 npm run serve 有時是 npm run dev。

那麼,什麼時候用到 serve ,什麼時候用到 dev 呢? 他們的區別是什麼?

一般在 vue 3.x 的時候用 npm run serve,vue2.x專案執行的時候用到 npm run dev,

dev是vue cli2的預設執行命令,serve是vue cli4的預設執行命令

例如:在vue 專案終端,輸入 npm run serve 或者 npm run dev 其中一個的時候 會出現報錯,如下:

以上是執行錯誤提示,然後找到package.json檔案,觀察標紅程式碼。

我們會發現 npm run serve 代表執行npm run package.json 裡面的scripts值,

例如 npm run serve實際執行的是vue-cli-service serve,

在此vue專案中dev 代表的是vue-cli-service serve,所以我們透過 npm run dev 可以執行此專案,如下:

執行成功(執行成功後一般即可彈出專案執行頁面)

如果不想重新執行直接看到頁面的話,透過 local顯示的連結複製,在瀏覽器開啟,就能看到該vue專案

感謝 盤思動 的分享

https://www.cnblogs.com/pansidong/p/16505075.html

相關文章