npm run serve 和 npm run dev 的区别

在日常运行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项目