npm run dev 和 npm run serve 启动命令的区别


  1. vue项目启动命令出现的问题
    我们在开发中,偶尔看到有些项目的启动命令是npm run dev, 有些是npm run serve, 都会出现一定的疑问,这是什么原因造成这种情况呢,原因在于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
  1. 解决问题
    打开项目的package.json文件,找到该文件里面的scripts; 由于脚手架版本不同造成的启动项目时候的报错问题
    如下2图不同的配置,会有不同启动命令
    在这里插入图片描述
  2. 小结
    npm run xxx,并不是你想运行就运行的,只有在 package.json脚本中对scripts 配置了,才可以进行 run 的,所以不是所有的项目都能 npm run dev/serve。
    要了解这些命令做了什么,就要去scripts中看具体执行的是什么代码。
    这里就像是一些命令的快捷方式,免去每次都要输入很长的的命令(比如 serve 那行)
    一般项目都会有 build, dev, serve 等,所以起名,最起码要从名字上基本能看出来是干什么的。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM