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

相关推荐
魔云连洲13 小时前
Vue的响应式底层原理:Proxy vs defineProperty
前端·javascript·vue.js
专注VB编程开发20年13 小时前
CSS定义网格的列模板grid-template-columns什么意思,为什么要用这么复杂的单词
前端·css
IT_陈寒13 小时前
Redis性能提升50%的7个关键优化策略,90%开发者都不知道第5点!
前端·人工智能·后端
Hilaku13 小时前
深入URL和URLSearchParams:别再用正则表达式去折磨URL了
前端·javascript·代码规范
pubuzhixing13 小时前
Canvas 的性能卓越,用它解决一个棘手问题
前端
weixin_4569042713 小时前
Vue.jsmain.js/request.js/user.js/store/index.js Vuex状态管理项目核心模块深度解析
前端·javascript·vue.js
伍哥的传说13 小时前
Vue 3.6 Alien Signals:让响应式性能飞跃式提升
前端·javascript·vue.js·vue性能优化·alien-signals·细粒度更新·vue 3.6新特性
永日4567013 小时前
学习日记-HTML-day51-9.9
前端·学习·html
狗头大军之江苏分军14 小时前
iPhone 17 vs iPhone 17 Pro:到底差在哪?买前别被忽悠了
前端
小林coding14 小时前
再也不怕面试了!程序员 AI 面试练习神器终于上线了
前端·后端·面试