这篇博客详细介绍了npm run dev的执行过程，包括如何通过package.json中的脚本指令调用vite，软链接技术在node_modules中的应用，以及不同操作系统下的执行文件。此外，还提及了pnpminstall安装插件时的文件组织方式，特别是.vpn目录和软链接的使用。最后提到了volar插件的使用注意事项，需要禁用针对Vue2的vetur插件。
npm run dev详解
执行npm run dev的过程：
1、到package.json文件中找到script脚本命令dev的命令vite去运行
问： 为什么不直接执行vite
答： 在本地环境下没有配置vite，使用npm run dev软链接技术连接
2、使用软链接技术，去node_modules文件夹中找到vite文件夹中的package.json文件中的bin配置项（软链接）
3、在安装node_modules时，会将软链接地址提取出来放在.bin目录下
执行npm run xxx时，查找顺序：
先到node_modules => 全局命令中（npm i -g xx 下载的命令） => 环境变量中查找
.bin目录下
vite文件：Linux、Macos系统用到
vite.cmd文件：Windows系统使用
vite.ps1文件：跨平台使用的
安装插件：
通过执行pnpm install，安装的node_modules中文件会被分为两部分：.pnpm目录 & 其他。
.pnpm目录：存放了所有实际安装的包
其他文件：package.json中声明的包，但是只是生成一个软链接。实际指向.pnpm中安装的包。
volar： 使用的时候要禁用vue2的插件vetur
扫一扫
2143
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
