npm run dev 的时候究竟做了什么

引言

npm run dev命令应该是我们工作当中最常使用的命令，但是具体是如何运行的相信很多小伙伴都没有深入了解过，下面就npm run dev的底层运行由浅入深地进行讲解。

理解

在npm run dev的时候，首先会去项目的package.json文件里找scripts 里找对应的 dev ，然后执行 dev 的命令。

例如启动vue项目 npm run serve的时候，实际上就是执行了vue-cli-service serve 这条命令。

package.json文件

{
  "name": "h5",
  "version": "1.0.7",
  "private": true,
  "scripts": {
    "dev": "vue-cli-service serve"
   },
} 

灵魂第一问

那可能有的小伙伴会问了，为什么不直接执行vue-cli-service serve命令呢？

答：因为 直接执行vue-cli-service serve，会报错，因为操作系统中没有存在vue-cli-service这一条指令