npm 安装 pnpm 的详细步骤及注意事项

一、安装步骤

1.全局安装 pnpm
javascript 复制代码
npm install -g pnpm
2.验证安装
javascript 复制代码
pnpm -v

输出版本号即表示安装成功。

二、升级 pnpm

若已安装旧版本,可通过以下命令升级:

javascript 复制代码
npm install -g pnpm@latest

三、配置镜像加速

设置淘宝镜像

javascript 复制代码
pnpm config set registry https://registry.npmmirror.com

验证配置

javascript 复制代码
pnpm config get registry

四、常用命令对比

功能 npm 命令 pnpm 命令
安装依赖 npm install pnpm install
添加依赖 npm add pnpm add
移除依赖 npm remove pnpm remove
运行脚本 npm run dev pnpm dev
全局安装 npm install -g pnpm remove

五、迁移现有项目

1.删除 node_modules
javascript 复制代码
rm -rf node_modules
2.使用 pnpm 安装依赖
javascript 复制代码
pnpm install
3.更新 CI/CD 配置

将 npm install 替换为 pnpm install

将 npm run build 替换为 pnpm build

六、常见问题

安装失败

检查 Node.js 版本(需 ≥12.17)

清理 npm 缓存:

javascript 复制代码
npm cache clean --force
兼容性问题

使用 --shamefully-hoist 提升依赖:

无法安装插件可以执行这个指令!

javascript 复制代码
pnpm install --shamefully-hoist

全局包路径

查看全局包位置:

javascript 复制代码
pnpm root -g

七、卸载 pnpm

全局卸载

javascript 复制代码
npm uninstall -g pnpm

清理配置

javascript 复制代码
rm -rf ~/.pnpm-store
相关推荐
深蓝AI4 小时前
Meta 开源用了八年的设计系统 astryx:连坐两天 GitHub 总榜第一,组件库开始写给 agent 的说明书
前端·人工智能
IT_陈寒5 小时前
Vue的watch把我坑惨了,原来要这样用才靠谱
前端·人工智能·后端
1-1=05 小时前
Vue 3 模板语
前端·javascript·vue.js
用户7610304473715 小时前
【转战智能眼镜开发】ROKID AIUI 小游戏 亚马逊标枪项目实战讲解
前端
风卿5 小时前
看着AI写代码太孤独了,来欣赏星云吧:一个DSH 装饰插件
前端·javascript
沉默小管5 小时前
我用 NestJS + Nuxt 3 做了个导航站,聊几个踩过的坑
node.js·seo
牧艺5 小时前
弹层不用再手算坐标了:CSS Anchor Positioning 从原理到可上线
前端·javascript·css
用户老李6 小时前
YOLO 目标检测自学教程 07:YOLOv3——多尺度预测
前端
moshuying6 小时前
ESP32 墨水屏金价牌(上):从点亮到把图片推过去
前端
李剑一6 小时前
别再抬杠,前端岗已经没了!无论前后端,我们最终都要成“全干”工程师
前端·面试