最近在運行前端項目時,有時用到npm run serve 有時用到npm run dev。
一般在 vue 3.x?的時候用 npm run serve,vue2.x項目運行的時候用到 npm? run dev,
dev是vue cli2的默認執(zhí)行命令,serve是vue cli4的默認執(zhí)行命令
例:在我們運行一些 vue 項目的時候,輸入npm run serve或者 npm run dev的其中一個時,系統(tǒng)會報錯
PS C:\Users\123456\Desktop> npm run dev
npm ERR! missing script: dev
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\LENOVO\AppData\Roaming\npm-cache\_logs\2022-03-27T01_05_59_189Z-debug.log
PS C:\Users\123456\Desktop\website> npm run serve
這時我們就打開 package.json 文件,觀察這段代碼:文章來源:http://www.zghlxwxcb.cn/news/detail-701239.html
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
可以把這個 npm run serve 當做是 npm run package.json 里面的scripts的value。
比如,npm run serve 實際運行的是 vue-cli-service serve;而如果你想使用npm run dev 的話,只需把 “serve” 修改為 “dev” 就行。如下:
?文章來源地址http://www.zghlxwxcb.cn/news/detail-701239.html
"scripts": {
"dev": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
到了這里,關于npm run serve與npm run dev的區(qū)別的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!