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
相关推荐
abigale031 小时前
webpack+vite前端构建工具 -11实战中的配置技巧
前端·webpack·node.js
专注API从业者1 小时前
构建淘宝评论监控系统:API 接口开发与实时数据采集教程
大数据·前端·数据库·oracle
Joker`s smile1 小时前
Chrome安装老版本、不同版本,自制便携版本用于前端调试
前端·chrome
weixin_416639971 小时前
爬虫工程师Chrome开发者工具简单介绍
前端·chrome·爬虫
我是如子啊1 小时前
【解决“此扩展可能损坏”】Edge浏览器(chrome系列通杀))扩展损坏?一招保留数据快速修复
前端·chrome·edge
灵性花火1 小时前
Qt的前端和后端过于耦合(0/7)
开发语言·前端·qt
孤水寒月5 小时前
基于HTML的悬窗可拖动记事本
前端·css·html
祝余呀5 小时前
html初学者第一天
前端·html
耶啵奶膘8 小时前
uniapp+firstUI——上传视频组件fui-upload-video
前端·javascript·uni-app
视频砖家8 小时前
移动端Html5播放器按钮变小的问题解决方法
前端·javascript·viewport功能