npm run serve和npm run dev的区别

前端开发过程中运行Vue项目的时候，有时候使用npm run serve命令可以启动项目，有时候却会报错；有时候使用npm run dev命令可以启动项目，有时候却也会报错。是什么原因造成这种情况呢，原因在于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

上述错误报错：npm ERR! missing script: serve问题，在VSCode的Terminal中运行启动项目出错，针对上述问题，直接去项目里面的package.json文件中查看。打开package.json文件，找到scripts，start这里面定义了运行Vue的时候是使用npm run serve还是npm run dev。具体的对比如下所示：

打开项目的package.json文件，找到该文件里面的scripts免由于脚手架版本不同造成的启动项目时候的报错问题

因此，在运行Vue项目的时候，npm run serve和npm run dev的区别就在于vue-cli脚手架的版本，具体情况还是要根据项目的实际情况来处理

• 小结
  npm run xxx，并不是你想运行就运行的，只有在 package.json脚本中对scripts 配置了，才可以进行 run 的，所以不是所有的项目都能 npm run dev/serve。
  要了解这些命令做了什么，就要去scripts中看具体执行的是什么代码。
  这里就像是一些命令的快捷方式，免去每次都要输入很长的的命令（比如 serve 那行）
  一般项目都会有 build, dev, serve 等，所以起名，最起码要从名字上基本能看出来是干什么的。
  摘自 三掌柜 前端开发：npm run serve和npm run dev的区别