Vue3 + Vite项目 npm run dev详解

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