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

相关推荐
前端炼气期一层4 分钟前
git之我add错了代码怎么办呀!我commit错了怎么办呀!
前端·面试
curdcv_po7 分钟前
新手到老鸟😎🚀玩转 React Effect
前端·react.js
eason_fan13 分钟前
字节前端面试提问:微应用的实现方式有哪些?
前端·面试·前端框架
yinshuilan16 分钟前
Mac提示无法打开应用程序DBeaver
macos
Surprisec26 分钟前
动手实践YJS:构建你的第一个实时协作文档编辑器
前端·javascript·面试
晴殇i27 分钟前
JavaScript新一代异步写法:不用await,性能提升80%
前端·面试
患得患失94928 分钟前
【前端】【React】useCallback的作用与使用场景总结
前端·javascript·react.js
wordbaby30 分钟前
TanStack Query :现代 Web 应用的异步状态管理利器
前端
江沉晚呤时32 分钟前
深入解析策略模式在C#中的应用与实现
java·服务器·开发语言·前端·.netcore
Hamm35 分钟前
如何在TypeScript里使用类封装枚举来实现Java的枚举形参倒置
java·前端·typescript