pnpm的安装和设置

原创已于 2025-02-21 16:54:56 修改 · 1.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#pnpm #node.js #npm #vue

于 2025-02-12 10:37:07 首次发布

我的笔记专栏收录该内容

3 篇文章

订阅专栏

使用`npm`安装`pnpm`工具

npm install -g pnpm

运行命令自动完成pnpm的设置

这个命令会设置默认的PNPM_HOME环境变量，并将其加入到PATH环境变量中。
PNPM_HOME环境变量的值，就是缓存路径和全局包安装的路径。

pnpm setup

更改缓存和全局包的路径

如果需要更改缓存和全局包的路径，就更改 PNPM_HOME 环境变量的值，指定一个路径即可。

设置pnpm镜像

.npmrc文件中的registry也对pnpm起作用

pnpm config set registry https://registry.npmmirror.com/

完成

完成！！！有问题，欢迎评论，留言！！

一个月后

为什么，在D盘的根目录，多了一个.pnpm-store的文件夹，且里面有内容？？？
pnpm install 包名 -g所缓存的内容确实在%PNPM_HOME%\store里面的呀 !

分析：

显然，在有些情况下(好像是pnpm install)，并没有使用%PNPM_HOME%\store作为缓存的路径！

解决方法

那就通过pnpm配置文件的方式来设置缓存路径吧！
pnpm config set store-dir "D:\software\node-v22.12.0-win-x64\pnpm_home\storeDir"
配置文件的路径：C:\Users\用户名\AppData\Local\pnpm\config\rc

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

细节的温柔

关注关注

4
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

npm&cnpm&pnpm环境变量配置

TechTrek

02-05

4639

npm&cnpm&pnpm安装

【环境安装】Pnpm安装配置全指南

死牛胖子的技术随笔

06-16

1263

pnpm是一款高效的JavaScript包管理工具，相比npm和yarn，在性能、功能上有显著优化。它支持工作区、隔离的node_modules、自动对等依赖安装等特性，并提供内容寻址存储、动态包执行等独特功能。通过npm全局安装pnpm后，可配置国内镜像源（如淘宝源）和自定义存储路径（避免占用C盘空间），并定期升级版本。其锁文件（pnpm-lock.yaml）和灵活的配置选项（如全局包目录）进一步提升了开发效率

参与评论您还未登录，请先登录后发表或查看评论

pnpm的安装与配置

Allen_kai_hui的博客

08-19

6494

pnpm（performant npm）是Node.js的一个高性能包管理器，它以节省磁盘空间和提高安装速度为特色。

pnpm 进阶配置：依赖缓存优化、工作区搭建与镜像管理

爱好分享，不设VIP文章

09-19

1386

本文详细介绍了pnpm的进阶配置方法，重点优化缓存路径、工作区设置和镜像管理三大核心功能。通过修改缓存路径到非系统盘可节省磁盘空间；工作区配置支持多包项目共享依赖；镜像管理实现全局与项目本地灵活切换。文章还提供了常见问题解决方案，如权限不足、工作区引用失败等，并给出配置检查清单，帮助开发者充分发挥pnpm的高效特性，适用于单人开发、多人协作及Monorepo等场景。

pnpm的安装与配置（Windows/macOS）

Allen-

04-24

2万+

PNPM作为新一代的包管理器，通过引入内容可寻址文件系统和硬链接有效解决了npm存在的重复依赖问题，极大地节省了磁盘空间和提高了安装速度。相比Yarn和npmPNPM减少磁盘占用PNPM通过“只安装一次”的策略，确保每个依赖包在全局存储中只有一个版本，然后通过硬链接或符号链接的方式供各个项目使用，从而大幅度减少了磁盘空间的占用。提升安装速度：由于大部分依赖已经存在于全局存储中，新项目或现有项目的安装过程主要涉及链接操作，而非重新下载，因此安装速度显著加快。精确的依赖管理PNPM通过生成的。

pnpm配置(重启!重启!重启!)

2201_75515275的博客

01-17

1414

虽然有很多环境变量，是设置完重启软件就可以了，但还是有部分是需要重启电脑的，所以大家平时配置环境变量没有成功时，记得也试试重启电脑。平时遇到问题，可能重启一下就会解决好多看官方文档，里面提供了很多详细的解决方案。

PNPM 高效入门：安装配置一本通

与墨的编程成长历程

07-15

2670

PNPM（Package Manager），发音为“ pineapple ”，是一个快速、节省磁盘空间的包管理器，它通过引入“内容可寻址的文件系统”概念，确保每次安装都复用相同的依赖，从而大大减少了节点模块的存储占用。PNPM 同时兼容 npm 的和格式，无缝衔接现有项目。PNPM 以其独特的优势，正在逐步改变我们管理 Node.js 项目依赖的方式。通过本篇文章的学习，相信你已经掌握了 PNPM 的安装、配置以及基本操作，准备好迎接一个更为高效、整洁的开发环境。

pnpm 基本详细使用教程（安装、卸载、使用、可能遇到的问题及解决办法）

最新发布

11-26

随后，文章进一步指导用户通过npm全局安装pnpm，并对其全局仓库、安装路径、bin路径、状态文件目录和缓存路径进行个性化配置，同时设置国内镜像源以提升使用效率。; 适合人群：前端开发初学者、Web开发者、需要在...

pnpm安装 yarn安装最新淘宝镜像

weixin_44303625的博客

10-31

1287

现在你就可以使用 pnpm 或 yarn 安装依赖了，使用淘宝镜像可以加速下载速度。

pnpm安装以及管理多个nodejs版本

qq_36437991的博客

02-01

5314

pnpm安装以及管理多个nodejs版本

服务器上设置pnpm环境变量

imber___zsk的博客

06-14

2386

接下来，确保 PATH 包含 npm 安装的 bin 目录。如果输出包含 pnpm，那么说明 pnpm 已经安装。

pnpm安装和配置（window）

N_mo_99的博客

01-29

6632

4.设置包存储仓库，比如E盘的.pnpm-store（注：请将项目和包存储仓库放在一个磁盘）查看是否安装成功：pnpm -v。

pnpm国内源设置

gaolinwu的专栏

08-29

1万+

在国内使用pnpm时，由于网络问题，经常会遇到速度慢或无法访问的问题。为了提高效率，可以将pnpm的源设置为国内的镜像源。以下是一些常用的国内pnpm镜像源以及如何设置它们的方法。可以使用pnpm config get registry查看当前设置的源。返回信息内容是你刚刚设置地址，即设置成功。

pnpm 全局安装后无法使用，需配置系统变量

tian_guanglei的博客

08-11

7445

pnpm 全局安装后无法使用

Elcker-npm,yarn,pnpm的本地配置

追逐自己的目标，感受生活的乐趣。Elcker

04-23

2110

配置npm (目录都需要自己新建) npm help npm或npm help install # 打开本地npm文档(或npm install 文档) npm [command] -h # 展示command的用法 npm -l # 展示所有command的用法 npm adduser # 登录or注册 npm config ls -l # 查询所有npm相关的配置，调用npm config set进行更改或覆盖 npm config set prefix "D:\nodej

使用独立脚本全新安装并配置 pnpm

tearon的博客

11-04

4341

使用独立脚本全新安装并配置 pnpm 配置淘宝镜像 pnpm config set registry http://registry.npmmirror.com 配置store-dir、state-dir、global-dir、global-bin-dir、cache-dir 使用 pnpm 安装 Node.js pnpm env use --global 18.12.1

pnpm安装vuex

07-24

<think>首先，用户的问题是：“我想使用 pnpm 安装 vuex 请问如何使用 pnpm 安装 vuex”。用户想了解如何使用pnpm来安装vuex。根据系统级指令： - 所有行内数学表达式必须使用$...$格式，但这个问题不涉及数学表达式，所以可能不需要。 - 独立公式必须使用$$...$$格式并单独成段，同样，不适用。 - LaTeX语法正确，但这里主要是文本。 - 使用中文回答。 - 生成相关问题。 - 回答中引用的段落末尾自然地添加引用标识，例如[^1]。在用户可见层： - 回答结构清晰，帮助用户逐步解决问题，保证真实可靠。 - 参考站内引用：引用[1]到[4]，但这些引用是关于数据库设计、Vuex安装冲突、持久化插件等，不是直接关于pnpm安装vuex的。关键引用： - 引用[1]提到pnpm的安装和错误处理，如“安装pnpm4.1 Error: Cannot install under Rosetta 2 in ARM default prefix (/opt/homebrew)!4.2 设置下载源4.3 安装包4.4 删除包4.5 更新包”。这暗示了pnpm的基本命令。 - 引用[2]是关于Vuex安装失败的解决方案，提到了npm命令。 - 引用[3]和[4]是关于Vuex的使用和持久化。用户的问题具体是使用pnpm安装vuex。pnpm是一个包管理器，类似于npm或yarn。步骤： 1. 确保pnpm已安装：如果用户没有安装pnpm，需要先安装它。 2. 使用pnpm安装vuex：命令是`pnpm add vuex`。 3. 可能的问题：引用[1]提到错误，如ARM架构下的问题，所以可能需要处理兼容性。 4. 引用[2]提到Vuex安装冲突，所以在安装时可能需要指定版本或使用标志。从引用[2]：npm安装vuex时使用`--legacy-peer-deps`或`--force`来处理冲突。对于pnpm，类似地，pnpm有`--shamefully-hoist`或忽略peer依赖的选项，但标准安装应该工作。最佳实践： - 安装pnpm：如果未安装，参考引用[1]的4.1节处理错误。 - 安装vuex：`pnpm add vuex`。 - 如果遇到冲突，可能需要调整命令。回答结构： - 逐步指导用户。 - 清晰、可靠。 - 最后生成相关问题。生成相关问题： - 系统指令要求生成相关问题。 - 示例中相关问题基于主题，如快速排序的性能分析。 - 这里，主题是pnpm和vuex，所以相关问题可以是：pnpm的优势、Vuex的使用、常见安装问题等。完整回答： 1. 介绍pnpm和vuex。 2. 步骤： a. 安装pnpm（如果未安装）。 b. 使用pnpm安装vuex。 c. 处理潜在问题。 3. 引用相关部分添加标识。 4. 生成相关问题。引用添加： - 在回答中，如果提到引用中的内容，添加[^n]。 - 例如，引用[1]提到pnpm命令，所以当说设置下载源时添加[^1]。 - 引用[2]提到冲突解决，所以当讨论冲突时添加[^2]。最终回答用中文。</think>以下是针对您的问题“如何使用 pnpm 安装 vuex”的详细解答。pnpm 是一个高效、磁盘空间友好的包管理器，特别适合大型项目[^1]。Vuex 是 Vue.js 的状态管理库，用于集中管理应用状态[^4]。我将逐步指导您完成安装过程，确保操作可靠且易于理解。 ### 步骤 1: 确保 pnpm 已安装如果您的系统尚未安装 pnpm，请先安装它： - **Windows/macOS/Linux 安装命令**： ```bash npm install -g pnpm ``` - **常见问题处理**： - 如果您使用 Apple Silicon (ARM) 芯片的 Mac，可能遇到 Rosetta 2 兼容性问题（如错误：`Cannot install under Rosetta 2 in ARM default prefix`）。解决方案是使用 Rosetta 终端或指定安装路径[^1]： ```bash arch -x86_64 zsh # 切换到 Rosetta 终端 npm install -g pnpm --prefix /usr/local # 指定安装路径 ``` - 设置 pnpm 下载源（可选，加速安装）[^1]： ```bash pnpm config set registry https://registry.npm.taobao.org # 使用淘宝镜像源 ``` ### 步骤 2: 使用 pnpm 安装 Vuex 在项目根目录下执行以下命令： ```bash pnpm add vuex ``` - **命令说明**： - `pnpm add` 是 pnpm 的安装命令，等效于 npm 的 `npm install`。 - 默认安装最新稳定版 Vuex（当前为 vuex@4）。如果需要特定版本（如 Vue 2 兼容的 vuex@3），指定版本号： ```bash pnpm add vuex@3 ``` - **安装成功验证**： - 检查 `package.json` 文件，应包含依赖项： ```json "dependencies": { "vuex": "^4.0.0" # 或指定版本 } ``` - 运行 `pnpm list vuex` 查看已安装版本。 ### 步骤 3: 处理常见安装问题 - **Peer 依赖冲突**：如果 Vue/Vuex 版本不兼容（常见于 Vue 2 项目），参考冲突解决方案[^2]： - 使用 `--shamefully-hoist` 标志（pnpm 的等效于 `--legacy-peer-deps`）： ```bash pnpm add vuex@3 --shamefully-hoist # 忽略 peer 依赖冲突 ``` - 或强制安装： ```bash pnpm add vuex@3 --force ``` - **其他错误**： - 如果报错涉及磁盘权限，尝试以管理员身份运行终端。 - 清理缓存后重试： ```bash pnpm store prune # 清理无效缓存 pnpm add vuex ``` ### 步骤 4: 基本使用示例（可选）安装后，在 Vue 项目中初始化 Vuex[^4]： 1. 创建 store 文件（如 `src/store/index.js`）： ```javascript import { createStore } from 'vuex'; export default createStore({ state: { count: 0 }, mutations: { increment(state) { state.count++; } }, actions: { incrementAsync({ commit }) { setTimeout(() => commit('increment'), 1000); } } }); ``` 2. 在 `main.js` 中引入： ```javascript import { createApp } from 'vue'; import App from './App.vue'; import store from './store'; const app = createApp(App); app.use(store); app.mount('#app'); ``` ### 注意事项 - **性能优势**：pnpm 使用硬链接节省磁盘空间，安装速度通常快于 npm[^1]。 - **Vuex 版本**：Vue 2 项目需安装 vuex@3，Vue 3 项目用 vuex@4[^2][^4]。 - **持久化插件**：如需状态持久化，可额外安装 `vuex-persistedstate`（使用 pnpm 命令：`pnpm add vuex-persistedstate`）[^3]。如果您遇到具体错误，请提供日志，我会进一步协助！