从0开始学vue:pnpm怎么安装

一、什么是 pnpm?

pnpm(Performant npm)是新一代 JavaScript 包管理器,优势包括:

  • 节省磁盘空间:通过硬链接和符号链接实现高效存储
  • 安装速度更快:比 npm/yarn 快 2-3 倍
  • 内置工作区支持:天然适配 Monorepo 项目
  • 安全隔离:默认严格模式防止依赖污染

二、安装方法

1. 通过 npm 安装(推荐)
bash 复制代码
# 全局安装(需已安装 Node.js)
npm install -g pnpm

# 验证安装
pnpm --version
2. 独立脚本安装(无需 Node.js)
bash 复制代码
# Linux/macOS
curl -fsSL https://get.pnpm.io/install.sh | sh -

# Windows(PowerShell)
iwr https://get.pnpm.io/install.ps1 -useb | iex
3. 通过系统包管理器
bash 复制代码
# macOS (Homebrew)
brew install pnpm

# Windows (Chocolatey)
choco install pnpm

# Windows (Scoop)
scoop install pnpm

# Arch Linux
sudo pacman -S pnpm

三、验证安装

bash 复制代码
pnpm --version
# 输出类似 8.6.1 表示成功

# 创建测试项目
pnpm create vite@latest my-project
cd my-project
pnpm install
pnpm run dev

四、配置镜像加速(国内用户)

bash 复制代码
# 设置淘宝镜像
pnpm config set registry https://registry.npmmirror.com

# 验证配置
pnpm config get registry
# 应输出 https://registry.npmmirror.com

五、常用命令对比

操作 npm 命令 pnpm 命令
安装依赖 npm install pnpm install
全局安装 npm install -g pkg pnpm add -g pkg
运行脚本 npm run dev pnpm dev
添加开发依赖 npm install --save-dev pnpm add -D

六、常见问题

1. 权限问题(Linux/macOS)
bash 复制代码
# 如果遇到权限错误,使用:
sudo npm install -g pnpm

# 或修复全局安装目录权限
sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share}
2. 卸载 pnpm
bash 复制代码
# 通过 npm 安装的版本
npm uninstall -g pnpm

# 通过脚本安装的版本
rm -rf $(npm config get prefix)/lib/node_modules/pnpm

通过以上步骤即可完成 pnpm 的安装。推荐新项目直接使用 pnpm 替代 npm/yarn,可获得更好的开发体验。


相关推荐
mayaairi12 小时前
Vue2 事件绑定完全指南:从入门到原理
前端·javascript·vue.js
ℋᙚᵐⁱᒻᵉ鲸落18 小时前
移动端滑动手势冲突:overflow: auto导致外层横向滑动失效
前端·javascript·css·vue.js·html
默_笙19 小时前
🎃 前端学了 Next.js,后端该学啥?NestJS 就是 Node 版的蜜雪冰城
前端·javascript
前端snow20 小时前
ai agent --- 实现 openclaw 定时间效果
前端
码云之上21 小时前
换模型之后,Chatbot 为什么要自己做 compact?
前端·agent·前端工程化
এ慕ོ冬℘゜21 小时前
navigator 导航对象 BOM制作方法
javascript
星栈21 小时前
自定义 UI-UX-Pro-Max 的 CSV 知识库,把 AI 生成的后台拉回行业该有的样子
前端·agent·weui
研☆香21 小时前
简单的图片上传 删除 预览
前端
ITresearchGuest21 小时前
我用 AI 一小时写了一个世界杯数据可视化平台|前端 VibeCoding 初体验
前端·人工智能·信息可视化
慧一居士1 天前
Vite项目中使用Less步骤,详细使用示例
前端·css