pnpm的安装与配置(Windows/macOS)

📦 PNPM的安装与配置(Windows与macOS)

🪟 Windows系统下安装与配置PNPM

步骤一:安装Node.js
  • 首先,访问 Node.js官方网站 获取适用于Windows操作系统的最新稳定版安装程序。
  • 在安装过程中,请确保勾选"Add to PATH"选项,这将允许全局访问Node.js和npm工具。
步骤二:安装PNPM
  • 打开命令提示符(CMD)或PowerShell,执行以下命令以全局安装PNPM:

    shell 复制代码
    npm install --global pnpm
步骤三:配置PNPM镜像源(可选,提高下载速度)
  • 若要切换至国内镜像源,如cnpm或其它国内快速源:

    shell 复制代码
    pnpm config set registry https://registry.npmmirror.com
步骤四:验证安装
  • 在命令行窗口中输入以下命令检查PNPM版本:

    shell 复制代码
    pnpm -v
  • 若成功输出PNPM的版本号,则表明已正确安装。

步骤五:配置环境变量(仅当无法全局访问PNPM时)
  • 如果安装Node.js时没有自动设置环境变量,您需手动将PNPM的可执行文件路径添加至系统PATH中:
    1. 找到PNPM的安装目录(通常是 %APPDATA%\Roaming\npm%USERPROFILE%\AppData\Local\pnpm),其中包含 pnpm.cmd 文件。
    2. 将该目录添加至系统的PATH环境变量内。

🍏 macOS系统下安装与配置PNPM

步骤一:安装Homebrew
  • 如果您还未安装Homebrew,打开终端并运行以下命令进行安装:

    shell 复制代码
    /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/main/install.sh)"
步骤二:安装Node.js
  • 使用Homebrew安装Node.js:

    shell 复制代码
    brew install node
步骤三:安装PNPM
  • 同样借助Homebrew来安装PNPM:

    shell 复制代码
    brew install pnpm
步骤四:配置PNPM镜像源(可选)
  • 要更改至国内镜像源,执行:

    shell 复制代码
    pnpm config set registry https://registry.npmmirror.com
步骤五:验证安装
  • 在终端中输入:

    shell 复制代码
    pnpm -v
  • 显示PNPM的版本信息即证明安装成功。

📚 共同部分

不论是在Windows还是macOS上安装完成PNPM后,您可以在项目中利用pnpm命令来初始化项目、添加和管理依赖包:

  • 初始化新项目:

    shell 复制代码
    pnpm init
  • 添加依赖:

    shell 复制代码
    pnpm add <package-name>
  • 安装依赖:

    shell 复制代码
    pnpm install

至此,在选定的操作系统上已经顺利完成PNPM的安装与配置工作,您可以充分利用其高效的依赖管理功能开展开发任务。请持续关注官方更新以保持PNPM版本的及时更新。

相关推荐
IT_陈寒5 分钟前
Redis并发写入踩坑记录:别让超时设置坑了你
前端·人工智能·后端
晨枫阳6 分钟前
Client authentication(客户端授权)开关与OAuth2 PKCE的深刻理解
前端·安全
福兮说6 分钟前
在浏览器里写一个“够用就好“的 Excel 公式求值器
前端·javascript·excel·编译原理
志尊宝20 分钟前
Vue3 零基础每日笔记(027):组件上的 v-model——让自定义组件也能双向绑定
前端·javascript·vue.js·笔记·html5
console.log('npc')21 分钟前
03 — 核心框架:App 与中间件
后端·node.js·express
云浪27 分钟前
从 0 手写一个 MCP Server:让 Copilot 调用 Tool 完成四则运算
javascript·node.js·mcp
萧行之2 小时前
可视化技术复盘:从图形语法看 D3、Vega-Lite、ECharts、Observable Plot
前端·学习·数据可视化
尾善爱看海10 小时前
Vue 面试收官篇:SSR、性能优化落地、30 道高频面试题精讲(附标准答案)
前端·javascript·vue.js·面试·vue
驳是11 小时前
一个组件,提升 react-router 开发的幸福感
前端·preact
GreenTea11 小时前
OpenAI Agents API 上手实测:一次调用把整个 agent loop 甩给 OpenAI
前端·后端·算法