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

在这里插入图片描述

🔥 个人主页:空白诗

在这里插入图片描述

🔥 引言

在软件开发的宏伟版图中,包管理器犹如穿梭于代码丛林中的向导,引领着开发者高效穿梭于依赖的迷宫。PNPM,这位新时代的领航者,凭借其革命性的设计哲学,重塑了我们对于依赖管理的认知。它不仅是一场对空间与时间的优雅革命——极大地缩减了开发环境的存储负担,更以闪电般的安装速度,让项目启动迅疾如风。PNPM的出现,是对现代开发流程的一次深刻优化,它让开发者能够更加专注于创意的实现,而非被工具的琐碎束缚。本文旨在为Windows与macOS平台下的开发者铺设一条通往PNPM高效之门的坦途,无论你是处于项目萌芽的初期,还是在维护壮大的系统,PNPM都将是那把开启无缝开发之旅的钥匙。


📦 PNPM简介

PNPM作为新一代的包管理器,通过引入内容可寻址文件系统和硬链接有效解决了npm存在的重复依赖问题,极大地节省了磁盘空间和提高了安装速度。相比YarnnpmPNPM在处理依赖上有其独特的优势:

  • 减少磁盘占用PNPM通过“只安装一次”的策略,确保每个依赖包在全局存储中只有一个版本,然后通过硬链接或符号链接的方式供各个项目使用,从而大幅度减少了磁盘空间的占用。

  • 提升安装速度:由于大部分依赖已经存在于全局存储中,新项目或现有项目的安装过程主要涉及链接操作,而非重新下载,因此安装速度显著加快。

  • 精确的依赖管理PNPM通过生成的pnpm-lock.yaml文件,精确记录每个依赖的确切版本和子依赖信息,确保跨环境的一致性,避免“作品在别人机器上无法运行”的问题。

综上所述,不论是Windows还是macOS平台,安装与配置PNPM后,开发者便能立即享用到更高效的依赖管理体验,无论是初始化新项目、添加依赖包还是团队间共享与同步依赖,PNPM都能提供一个既快速又可靠的解决方案,进一步提升开发效率与团队协作的流畅度。


🪟 Windows系统下安装与配置PNPM

步骤一:安装Node.js
  • 首先,访问 Node.js官方网站 获取适用于Windows操作系统的最新稳定版安装程序。
  • 在安装过程中,请确保勾选“Add to PATH”选项,这将允许全局访问Node.js和npm工具。
步骤二:安装PNPM
  • 打开命令提示符(CMD)或PowerShell,执行以下命令以全局安装PNPM:
    npm install --global pnpm
    
步骤三:配置PNPM镜像源(可选,提高下载速度)
  • 若要切换至国内镜像源,如cnpm或其它国内快速源:
    pnpm config set registry https://registry.npmmirror.com
    
步骤四:验证安装
  • 在命令行窗口中输入以下命令检查PNPM版本:
    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,打开终端并运行以下命令进行安装:
    /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/main/install.sh)"
    
步骤二:安装Node.js
  • 使用Homebrew安装Node.js:
    brew install node
    
步骤三:安装PNPM
  • 同样借助Homebrew来安装PNPM:
    brew install pnpm
    
步骤四:配置PNPM镜像源(可选)
  • 要更改至国内镜像源,执行:
    pnpm config set registry https://registry.npmmirror.com
    
步骤五:验证安装
  • 在终端中输入:
    pnpm -v
    
  • 显示PNPM的版本信息即证明安装成功。

📚 共同部分

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

  • 初始化新项目:
    pnpm init
    
  • 添加依赖:
    pnpm add <package-name>
    
  • 安装依赖:
    pnpm install
    

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


🔐 相关链接

  • 23
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
引用:在创建项目的过程中,执行了一系列命令来设置环境和创建项目。首先是执行了node -v命令来查看Node.js的版本号为v18.15.0,然后执行了pnpm -v命令来查看pnpm的版本号为8.3.1。接下来创建了一个Vite项目,命令为pnpm create vite。然后设置了项目名为"my-vue-ts"。 引用:为了检查是否存在TypeScript类型错误,可以执行命令"pnpm run ts"。在package.json文件中,"ts"这个脚本是通过"vue-tsc --noEmit"来执行的。 引用:在配置路径别名方面,首先安装了"@types/node"这个依赖,命令为"yarn add @types/node -D"。然后在vite.config.ts文件中,使用了"import path from 'path'"来引入path模块,以便后续配置别名。在resolve部分的alias中,配置了两个别名,分别是"@": path.resolve("./src")和"#": path.resolve("./types")。 在tsconfig.json文件中,通过设置"baseUrl": "."和"paths"属性来完成路径映射。具体配置如下: "baseUrl": ".", // 查询的基础路径 "paths": { "@/*": ["src/*"], "#/*": ["types/*"] } 关于"@types/node"依赖的概述,可以参考相关文档或资源来获取更多信息。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [【Vue工程】001-Vite 创建 Vue-TypeScript 项目](https://blog.csdn.net/qq_29689343/article/details/130416349)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

空白诗

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值