如何在Visual Studio .Net 2019中配置使用PNPM替代默认NPM

前置验证 #

首先确认你已经在本地全局安装了PNPM，打开终端执行以下命令安装：
npm install -g pnpm
安装完成后执行pnpm -v，如果正常输出版本号即为安装成功。 #

方案1：项目级配置（推荐，不影响其他项目） #

这种方式不需要修改VS全局设置，仅对当前项目生效：

• 打开项目根目录下的package.json文件，在scripts字段中添加你需要用到的PNPM命令，示例：

{
  "scripts": {
    "install": "pnpm install",
    "build": "pnpm run build",
    "dev": "pnpm run dev"
  }
}

• 配置完成后，在VS2019解决方案资源管理器中右键点击package.json，选择「执行脚本」，就能直接调用对应的PNPM命令。
• 如果你使用VS内置终端操作，全局安装的PNPM会被终端自动识别，直接输入pnpm相关命令即可运行。

如果是ASP.NET Core整合前端的项目，需要修改项目.csproj文件，把内置构建流程里的npm install、npm run build等命令对应替换为pnpm install、pnpm run build即可。 #

方案2：全局替换VS默认包管理器 #

如果需要所有项目都默认优先使用PNPM，可修改VS全局配置：

• 打开VS2019顶部菜单栏「工具」→「选项」
• 左侧导航依次展开「项目和解决方案」→「Web包管理」→「外部 Web 工具」
• 点击右上角「添加」按钮，新增PNPM的全局安装路径，默认路径为C:\Users\你的系统用户名\AppData\Roaming\npm
• 选中新增的路径，点击向上箭头把它移到列表的最顶端
• 保存设置后重启VS2019即可生效

常见问题排查 #

如果VS提示找不到pnpm命令，优先检查全局环境变量中是否配置了pnpm的安装路径，或者重启VS内置终端后重试。

内容的提问来源于stack exchange，提问作者Tab