从独立安装pnpm到安装NodeJS到构建VUE项目

最近在学习VUE，开始的时候用的npm管理包，前端同事让我用pnpm，就用npm下载的pnpm，但是环境还是什么有问题，一直解决不好。同事就让我全部卸载直接安装pnpm，再用pnpm安装NodeJS试试，至此就摸索着给项目整起来了。

【独立安装pnpm】-【pnpm安装NodeJS】-【pnpm构建VUE项目】。

pnpm官方文档：Fast, disk space efficient package manager | pnpm

1、安装pnpm

使用 PowerShell 运行独立脚本进行安装：

iwr https://get.pnpm.io/install.ps1 -useb | iex

PS C:\Windows\system32>
PS C:\Windows\system32> iwr https://get.pnpm.io/install.ps1 -useb | iex
Downloading pnpm from GitHub...

Running setup...

Copying pnpm CLI from C:\Users\Monoder\AppData\Local\Temp\4121b611-b243-41b9-bce2-4979637fde4c\pnpm.exe to C:\Users\Monoder\AppData\Local\pnpm\pnpm.exe
Next configuration changes were made:
PNPM_HOME=C:\Users\Monoder\AppData\Local\pnpm
Path=%PNPM_HOME%;C:\Users\Monoder\AppData\Local\Microsoft\WindowsApps;E:\A_Tools\System\Bandizip\;F:\A_Tools\Network\Fiddler;%IntelliJ IDEA%;E:\A_Tools\Network\bin

Setup complete. Open a new terminal to start using pnpm.

# 可以看到安装目录为
C:\Users\Monoder\AppData\Local\pnpm

2、pnpm移动到自定义目录

2.1 移动目录

直接将安装目录的里的文件移动到目标安装目录即可

安装目录：C:\Users\Monoder\AppData\Local\pnpm

目标安装目录：F:\A_Tools\VersionControl\pnpm

2.2 修改环境变量

修改用户变量：PNPM_HOME

修改系统变量：

3、pnpm路径设置

在安装目录下新建四个文件夹，用来配置pnpm的路径，配置路径有两种方法：

修改配置文件，或者PowerShell运行命令。

pnpm-global：pnpm全局安装路径

pnpm-store：pnpm全局仓库路径(类似 .git 仓库)

pnpm-state：pnpm创建pnpm-state.json文件的目录

pnpm-cache：pnpm全局缓存路径

3.1 配置文件

配置文件路径：

C:\Users\<用户名>\AppData\Local\pnpm\config