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版本的及时更新。

相关推荐
前端甜糖18 分钟前
记录We码开发者工具的一个bug
前端·javascript
程序员黑豆27 分钟前
鸿蒙应用开发教程:以红绿灯切换为例,掌握条件渲染的核心用法
前端·harmonyos
猫32835 分钟前
echarts 日常问题解决
前端·javascript·echarts
新中地GIS开发老师38 分钟前
地信职业百科④:GIS开发工程师
前端·数据库·gis·webgis·三维gis开发
我是大卫1 小时前
【图】React源码解析-从数据结构、调度器、源码设计模式到状态计算引擎,深挖useReducer原理
前端·react.js·源码
willes1 小时前
列表中的倒计时组件
前端
LVZ1 小时前
用了半年 AI 写代码,最烦的不是代码,是环境
前端·后端·开源
polaris_tl1 小时前
一行 `compress: false`,为什么让 SSE 首包恢复实时返回
前端
海边的云1 小时前
别再让 AI 瞎改代码:一套让大模型「收敛」的前端专家 Skill》
前端
kisshyshy1 小时前
给端侧大模型装上“发动机”:React 合成事件 + 进度条组件全解
前端·react.js·node.js