在这个周末运行项目的时候突发奇想一直在运行的npm run dev到底是个什么意思于是开始了这一期的主题探索npm run dev的运行逻辑

npm run dev在哪里

在大部分的vite项目中想必大家都知道 npm run dev 这个命令是在对应的package.json文件里面也就是这里

js 复制代码

  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  }

但如果在命令行中输入vite 尝试了一下是行不通的那是为什么它可以如此运行呢？都到这个地步了总得去看看吧那么我们就来see see 这是为什么呢

探索步骤

1.我们发现他是来自于vite 那么我们就去node包中寻找vite(ps:不知道为什么在掘金这里脚注没有作用,我手动脚注一下(挠头))

css 复制代码

[^node包]：node_modules

2.找到了之后我们去看一下里面的逻辑是怎么写的，发现在这里他用又跳了一层逻辑

3.之后我们按照他的"bin/vite.js"再去寻找

在这里我们发现了三个

1.在第一个中我们可以看到他是适配于UNIX系统的通过shell脚本去执行vite.js

2.在第二个中可以看到明显的后缀 cmd 基本适用于window系统

3.在第三个中稍微复杂了一些去搜了一些资料大体是适配于 window mac unix等操作系统（感觉很牛逼有大佬可以帮忙细细讲述一下嘛）

在package.json中去bin去寻找不同适配环境去找一个环境变量去执行 vite.js 如果没有找到那么就去全局包中寻找（也就是这个命令npm install -g）如果这样子还是没有的话就会报错了~~~