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

相关推荐
墨水白云6 分钟前
nestjs[一文学懂nestjs中对npm功能包的封装,ioredis封装示例]
前端·npm·node.js
低代码布道师9 分钟前
第五部分:第一节 - Node.js 简介与环境:让 JavaScript 走进厨房
开发语言·javascript·node.js
满怀101540 分钟前
【Vue 3全栈实战】从响应式原理到企业级架构设计
前端·javascript·vue.js·vue
luckywuxn1 小时前
使用gitbook 工具编写接口文档或博客
前端
梅子酱~1 小时前
Vue 学习随笔系列二十三 -- el-date-picker 组件
前端·vue.js·学习
伟笑1 小时前
elementUI 循环出来的表单,怎么做表单校验?
前端·javascript·elementui
辣辣y1 小时前
React中useMemo和useCallback的作用:
前端·react
Alice-YUE2 小时前
【HTML5学习笔记1】html标签(上)
前端·笔记·学习·html·html5
Alice-YUE2 小时前
【HTML5学习笔记2】html标签(下)
前端·笔记·html·html5
确实菜,真的爱2 小时前
electron进程通信
前端·javascript·electron