npm run serve与npm run dev的区别

几两春秋梦_2023-09-05 17:22

最近在运行前端项目时，有时用到npm run serve 有时用到npm run 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的其中一个时，系统会报错

复制代码

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 文件，观察这段代码：

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" 就行。如下：

html 复制代码

"scripts": {
"dev": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},