有关vue3中使用pnpm创建项目时的雷点

雷点描述：

在 vue^3.2 的创建中，pnpm 已经替代了以往的 npm 作为 默认包管理工具 来使用。因为当我们选择默认安装时，实际上是用 pnpm 进行管理（通过硬连接和软连接,这个可以私下去查询了解，只是个概念）。

当我们创建项目时

vue create demo-name

我们会发现它会报以下这个错误

经过查找文章和官方文档，定位到了两个可能导致的问题：

1. pnpm版本问题
2. 本地系统不支持硬连接

基于以上两种情况，我们可以选择两种对应的处理方法：

1. 降低pnpm的版本到^6

npm install -g pnpm@6

接下来直接安装即大功告成

2. 使用npm替代pnpm

这里需要初略涉及到 vue create 的相关扩展指令，如下：

• -p, --preset 忽略提示符并使用已保存的或远程的预设选项
• -d, --default 忽略提示符并使用默认预设选项
• -i, --inlinePreset 忽略提示符并使用内联的 JSON 字符串预设选项
• -m, --packageManager 在安装依赖时使用指定的 npm 客户端
• -r, --registry 在安装依赖时使用指定的 npm registry
• -g, --git [message] 强制 / 跳过 git 初始化，并可选的指定初始化提交信息
• -n, --no-git 跳过 git 初始化
• -f, --force 覆写目标目录可能存在的配置
• -c, --clone 使用 git clone 获取远程预设选项
• -x, --proxy 使用指定的代理创建项目
• -b, --bare 创建项目时省略默认组件中的新手指导信息
• -h, --help 输出使用帮助信息
• -m, --packageManager 在安装依赖时使用指定的 npm 客户端

这里我们需要用到 vue create demo-name -m --packageManager 指令

vue create demo-name -m npm

总结：

以上就是 vue3.2 处理新建项目时遇到 pnpm 的处理方法。其实通过两种安装图来看，pnpm的优化和安装速度是真的远远超过npm和yarn。所以pnpm不愧被称为对npm和yarn进行降维打击的当代包管理神器。