pnpm的环境安装以及安装成功后无法使用的问题

文章目录


前言

pnpm 官网地址: https://pnpm.io/zh/installation


1、使用npm 安装

根据官网使用npm的安装方式,需要其他方式安装的可以看官网,这里不一一说明。

javascript 复制代码
npm install -g pnpm

安装成功如下图

2、安装后的注意点

你的node版本要在16.14以上(我的是16.20版本,属于16的普用版本)。

不是我说的官网说的,如下图

3、遇到问题

安装成功后执行pnpm命令还是显示无法识别pnpm

问题:pnpm : 无法将"pnpm"项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。

4、配置path的环境变量

(1)找到环境变量

控制面板 --> 系统 --> 系统属性 --> 环境变量

(2)找到并双击path的系统变量

(3)复制第1步中使用npm安装的红框部分的路径

注意: 后面的pnpm是不需要的

(4)将第(3)步的路径复制到新建path的系统变量中

(5)点击确认

编辑环境变量、环境变量、系统属性的三个确认按钮

4、刷新环境变量

(1)window + r 打开cmd ,输入以下命令后关闭cmd

javascript 复制代码
set PATH=C: 

(2)window + r 打开cmd ,输入以下命令

javascript 复制代码
echo %PATH%

5、校验pnpm是否安装成功

javascript 复制代码
pnpm -v

总结

安装pnpm并能成功使用的过程如下

1: 使用npm命令安装

2:node版本在16.14以上

3:配置path的环境变量

4:刷新环境变量

最后使用pnpm -v 校验是否安装即可

相关推荐
快乐肚皮2 小时前
一文了解XSS攻击:分类、原理与全方位防御方案
java·前端·xss
保护我方头发丶2 小时前
ESP-wifi-蓝牙
前端·javascript·数据库
想学后端的前端工程师3 小时前
【Flutter跨平台开发实战指南:从零到上线-web技术栈】
前端·flutter
老王Bingo3 小时前
Qwen Code + Chrome DevTools MCP,让爬虫、数据采集、自动化测试效率提升 100 倍
前端·爬虫·chrome devtools
董世昌413 小时前
什么是扩展运算符?有什么使用场景?
开发语言·前端·javascript
来杯三花豆奶4 小时前
Vue 3.0 Mixins 详解:从基础到迁移的全面指南
前端·javascript·vue.js
想学后端的前端工程师4 小时前
【React性能优化实战指南:从入门到精通-web技术栈】
前端·react.js·性能优化
白兰地空瓶4 小时前
React Hooks 深度理解:useState / useEffect 如何管理副作用与内存
前端·react.js
cike_y4 小时前
JSP内置对象及作用域&双亲委派机制
java·前端·网络安全·jsp·安全开发
巴拉巴拉~~5 小时前
KMP 算法通用进度条组件:KmpProgressWidget 多维度 + 匹配进度联动 + 平滑动画
java·服务器·前端