npmrundev还是npmrunserve

1、npm run dev 还是 npm run serve

最近运⾏⼀些前端项⽬的时候，发现不同的项⽬有使⽤npm run dev，有的使⽤npm run serve，所以就很好奇，这是怎么回事，输⼊命令错误后，会报如下错，所以就想探究⼀下原因。下⾯是⼀些相关报错如下：

npm run dev

npm ERR! missing script: dev

npm ERR! A complete log of this run can be found in:

npm ERR! E:\\nodejs\\node_cache\\_logs\\2018-12-12T15_06_08_674Z-debug.log

2、npm run dev / build / serve 执⾏来源

其实 npm run dev 或者是 npm run serve 等 npm run xxx 并不是⼀定要这么写。npm run XXX是执⾏Vue项⽬配置在 package.json 中的脚本，⽐如：

\"scripts\": {

　　\"serve\": \"vue-cli-service serve\　　\"build\": \"vue-cli-service build\　　\"lint\": \"vue-cli-service lint\"},

npm run xxx 中的 xxx 可以理解为键值对中的 key，实际上 run 的是在 package.json ⾥⾯ scripts 配置的 value；⽐如，npm run serve 实际运⾏的是 vue-cli-service serve；⽽放在 3.0 以前运⾏的则是 node build/dev-server.js ⽂件；

这时候我们再来看上边的问题是不是豁然了呢， scripts 中并没有配置 dev ，所以控制台报了 [ missing script: dev ] 的错误 ；

3、⼩结

npm run xxx，并不是你想运⾏就运⾏的，只有在 package.json脚本中对scripts 配置了，才可以进⾏ run 的，所以不是所有的项⽬都能 npmrun dev/serve。

要了解这些命令做了什么，就要去scripts中看具体执⾏的是什么代码。

这⾥就像是⼀些命令的快捷⽅式，免去每次都要输⼊很长的的命令（⽐如 serve 那⾏）⼀般项⽬都会有 build, dev, serve 等，所以起名，最起码要从名字上基本能看出来是⼲什么的。