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
相关推荐
小猫猫改bug20 分钟前
threejs 添加css3d标签 vue3
前端·javascript·css3
前端小巷子22 分钟前
CSS3 过渡与动画
前端·css·css3
m0_zj34 分钟前
58.[前端开发-前端工程化]Day05-webpack-Git安装-配置-Git命令
前端·webpack·node.js
GanGuaGua36 分钟前
CSS:字体和文本样式
前端·css
Attacking-Coder1 小时前
前端面试宝典---JavaScript import 与 Node.js require 的区别
前端·javascript·node.js
切糕师学AI1 小时前
vue 中如何使用region?
前端·javascript·vue.js
蓝婷儿1 小时前
前端面试每日三题 - Day 28
前端·面试·职场和发展
巷9551 小时前
深度学习模型的部署实践与Web框架选择
前端·人工智能·深度学习
年纪轻轻只想躺平1 小时前
JavaScript ES6+ 最佳实践
前端·javascript·es6
Edward-tan1 小时前
【玩转全栈】—— 无敌前端究极动态组件库--Inspira UI
前端·spira-ui