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 校验是否安装即可

相关推荐
Jul1en_几秒前
【Web自动化测试】Selenium常用函数+IDEA断言配置
前端·selenium·intellij-idea
Marshmallowc1 分钟前
从源码深度解析 React:Hook 如何在 Fiber 中存储?DOM Ref 如何绑定?
前端·react.js·前端框架·fiber
Eiceblue2 分钟前
Vue文档编辑器(Word默认功能)示例
前端·vue.js·word
Mr Xu_6 分钟前
在 Vue 3 中集成 WangEditor 富文本编辑器:从基础到实战
前端·javascript·vue.js
No Silver Bullet6 分钟前
HarmonyOS NEXT开发进阶(二十三):多端原生App中通过WebView嵌套Web应用实现机制
前端·华为·harmonyos
光影少年9 分钟前
react和vue中的优点和缺点都有哪些
前端·vue.js·react.js
web_Hsir10 分钟前
uniapp + vue2 + pfdjs + web-view 实现安卓、iOS App PDF预览
android·前端·uni-app
EndingCoder11 分钟前
Node.js 与 TypeScript:服务器端开发
前端·javascript·typescript·node.js
打小就很皮...12 分钟前
基于 React 实现 Vditor 的可复用 Markdown 渲染组件
前端·react.js·markdown·vditor
EndingCoder20 分钟前
React 与 TypeScript:组件类型化
前端·javascript·react.js·typescript·前端框架