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
相关推荐
二十雨辰4 分钟前
[HTML5]快速掌握canvas
前端·html
tingkeiii35 分钟前
【react+antd+vite】优雅的引入svg和阿里巴巴图标
前端·react.js·前端框架
清幽竹客41 分钟前
vue-18(使用 Vuex 插件实现高级功能)
前端·vue.js·前端框架·vue
粥里有勺糖1 小时前
用Trae做了个公众号小工具
前端·ai编程·trae
棉花糖超人2 小时前
【从0-1的HTML】第2篇:HTML标签
前端·html
exploration-earth2 小时前
本地优先的状态管理与工具选型策略
开发语言·前端·javascript
OpenTiny社区2 小时前
开源之夏报名倒计时3天!还有9个前端任务有余位,快来申请吧~
前端·github
ak啊2 小时前
WebGL魔法:从立方体到逼真阴影的奇妙之旅
前端·webgl
hang_bro3 小时前
使用js方法实现阻止按钮的默认点击事件&触发默认事件
前端·react.js·html
用户90738703648643 小时前
pnpm是如何解决幻影依赖的?
前端