从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,可获得更好的开发体验。


相关推荐
终将老去的穷苦程序员1 分钟前
npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1,因为在此系统上禁止运行脚
前端·npm·node.js
之歆5 分钟前
Day10_Node.js 与 Express 开发实战指南:从零到一构建专业级 Web 服务
前端·node.js·express
问心无愧05137 分钟前
ctf show web入门107
android·前端·笔记·android studio
2301_8156453810 分钟前
react
前端·react.js
FirstFrost --sy14 分钟前
基于高并发服务器的web小游戏测试
服务器·前端·javascript·c++·python·集成测试
youyu-youyu16 分钟前
oss阿里云图片链接url高清图片设置为缩略图 vue 减少加载体积流量
前端·javascript·vue.js·阿里云·云计算
独隅23 分钟前
前端工程化在Chrome插件开发中的具体实践完全指南
前端·chrome
sbjdhjd25 分钟前
Tomcat(下) 集群高可用实战:反向代理・负载均衡・分布式 Session
运维·前端·云原生·开源·tomcat·负载均衡·memcached
低保和光头哪个先来32 分钟前
聊聊 CSS 编译和 scoped 实现
前端·css·vue.js
object not found33 分钟前
Node.js fs 常用 API 整理:node:fs/promises、node:fs、fs 到底怎么用
开发语言·前端·javascript