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
相关推荐
患得患失94933 分钟前
【前端】【vscode】【.vscode/settings.json】为单个项目配置自动格式化和开发环境
前端·vscode·json
飛_35 分钟前
解决VSCode无法加载Json架构问题
java·服务器·前端
YGY Webgis糕手之路3 小时前
OpenLayers 综合案例-轨迹回放
前端·经验分享·笔记·vue·web
90后的晨仔3 小时前
🚨XSS 攻击全解:什么是跨站脚本攻击?前端如何防御?
前端·vue.js
Ares-Wang3 小时前
JavaScript》》JS》 Var、Let、Const 大总结
开发语言·前端·javascript
90后的晨仔3 小时前
Vue 模板语法完全指南:从插值表达式到动态指令,彻底搞懂 Vue 模板语言
前端·vue.js
德育处主任4 小时前
p5.js 正方形square的基础用法
前端·数据可视化·canvas
烛阴4 小时前
Mix - Bilinear Interpolation
前端·webgl
90后的晨仔4 小时前
Vue 3 应用实例详解:从 createApp 到 mount,你真正掌握了吗?
前端·vue.js
德育处主任4 小时前
p5.js 矩形rect绘制教程
前端·数据可视化·canvas