当前位置: 首页 > article >正文

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

一、什么是 pnpm?

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

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

二、安装方法

1. 通过 npm 安装(推荐)
# 全局安装(需已安装 Node.js)
npm install -g pnpm# 验证安装
pnpm --version
2. 独立脚本安装(无需 Node.js)
# Linux/macOS
curl -fsSL https://get.pnpm.io/install.sh | sh -# Windows(PowerShell)
iwr https://get.pnpm.io/install.ps1 -useb | iex
3. 通过系统包管理器
# macOS (Homebrew)
brew install pnpm# Windows (Chocolatey)
choco install pnpm# Windows (Scoop)
scoop install pnpm# Arch Linux
sudo pacman -S pnpm

三、验证安装

pnpm --version
# 输出类似 8.6.1 表示成功# 创建测试项目
pnpm create vite@latest my-project
cd my-project
pnpm install
pnpm run dev

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

# 设置淘宝镜像
pnpm config set registry https://registry.npmmirror.com# 验证配置
pnpm config get registry
# 应输出 https://registry.npmmirror.com

五、常用命令对比

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

六、常见问题

1. 权限问题(Linux/macOS)
# 如果遇到权限错误,使用:
sudo npm install -g pnpm# 或修复全局安装目录权限
sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share}
2. 卸载 pnpm
# 通过 npm 安装的版本
npm uninstall -g pnpm# 通过脚本安装的版本
rm -rf $(npm config get prefix)/lib/node_modules/pnpm

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


在这里插入图片描述

http://www.lryc.cn/news/2401684.html

相关文章:

  • React从基础入门到高级实战:React 实战项目 - 项目二:电商平台前端
  • Python 网络编程 -- WebSocket编程
  • 微信小程序动态组件加载的应用场景与实现方式
  • 人工智能在智能教育中的创新应用与未来趋势
  • 边缘计算应用实践心得
  • EXCEL如何快速批量给两字姓名中间加空格
  • OD 算法题 B卷【BOSS的收入】
  • Linux共享内存原理及系统调用分析
  • Jenkins | Linux环境部署Jenkins与部署java项目
  • react私有样式处理
  • UDP/TCP协议全解
  • nginx 服务启动失败问题记录
  • Duix.HeyGem:以“离线+开源”重构数字人创作生态
  • ubuntu22.04安装megaton
  • 风机下引线断点检测算法实现
  • Windows应用-GUID工具
  • vue+element-ui一个页面有多个子组件组成。子组件里面有各种表单,实现点击enter实现跳转到下一个表单元素的功能。
  • Spring Boot 启动流程及配置类解析原理
  • Vehicle HAL(5)--vhal 实现设置属性的流程
  • WebRTC中的几个Rtp*Sender
  • 代码随想录算法训练营第十一天 | 150. 逆波兰表达式求值、239. 滑动窗口最大值、347.前 K 个高频元素、栈与队列总结
  • Java编程课(一)
  • IDEA202403 设置主题和护眼色
  • 无人机螺旋桨平衡方法详解
  • VUE混合开发用哪个PHP框架好?
  • 基于51单片机的车内防窒息检测报警系统
  • Flask-Babel 使用示例
  • Android 轻松实现 增强版灵活的 滑动式表格视图
  • 寄存器模型生成:从手工到自动化
  • 国标GB28181视频平台EasyGBS视频实时监控系统打造换热站全景可视化管理方案