pnpm配置

pnpm,配置 · 浏览次数 : 5954

小编点评

## Pnpm全局安装配置问题解决记录 **问题:** 安装 pnpm 时,遇到以下错误: ``` Unable to find the global bin directory Run "pnpm setup" to create it automatically, or set the global-bin-dir setting, or the PNPM_HOME env variable. The global bin directory should be in the PATH. ``` **解决方案:** 1. **修改全局安装路径:** ``` pnpm config set store-dir D:\ode\pnpm\\global ``` 其中 `D:\ode\pnpm\global` 是您全局安装 pnpm 的目录。 2. **修改全局缓存路径:** ``` pnpm config set cache-dir D:\ode\pnpm\\cache ``` 其中 `D:\ode\pnpm\cache` 是您全局缓存 pnpm 的目录。 3. **重启终端:** 有时重启终端或重新打开命令行窗口可以解决配置问题。 4. **重运行 pnpm setup:** 尝试再次执行 `pnpm i -g commitizen` 命令,这将尝试创建全局 bin 和缓存目录。 5. **查看 .npmrc 文件:** 您可以通过 `cat .npmrc` 命令查看您的 npm 配置,确保全局安装路径和缓存路径正确设置。 **注意事项:** * 在修改全局安装路径和缓存路径之前,请确保您有必要。 * 确保您拥有写入 C:\Users\Administrator\AppData\Local\pnpm 的权限。

正文

之前通过 nvm 来管理了 nodejs 版本,结果安装 pnpm 之后,安装全局依赖报错,如下:

PS C:\Users\Administrator> pnpm i -g commitizen
 ERROR  Unable to find the global bin directory
Run "pnpm setup" to create it automatically, or set the global-bin-dir setting, or the PNPM_HOME env variable. The global bin directory should be in the PATH.

运行 pnpm setup 之后还是报这个错,看提示应该是配置问题,故做此纪录。

安装

通过 npm 安装即可。

PS C:\Users\Administrator> npm i -g pnpm
D:\node\nodejs\pnpm -> D:\node\nodejs\node_modules\pnpm\bin\pnpm.cjs
D:\node\nodejs\pnpx -> D:\node\nodejs\node_modules\pnpm\bin\pnpx.cjs
+ pnpm@7.17.1
added 1 package in 3.096s

查看 pnpm 命令,直接输入 pnpm 即可。

PS C:\Users\Administrator> pnpm
Version 7.17.1
Usage: pnpm [command] [flags]
       pnpm [ -h | --help | -v | --version ]

Manage your dependencies:
      add                  Installs a package and any packages that it depends on. By default, any new package is
                           installed as a prod dependency
      import               Generates a pnpm-lock.yaml from an npm package-lock.json (or npm-shrinkwrap.json) file
   i, install              Install all dependencies for a project
...
Options:
  -r, --recursive          Run the command for each project in the workspace.

配置

安装之后,发现 pnpm 的全局安装路径和缓存路径默认在C盘 C:\Users\Administrator\AppData\Local\pnpm 下,先修改下这两个配置。

配置全局安装路径

pnpm config set store-dir 你的全局地址

示例

PS C:\Users\Administrator> pnpm config set store-dir D:\node\pnpm\global

配置全局缓存路径

pnpm config set cache-dir 你的缓存地址

示例

PS C:\Users\Administrator> pnpm config set cache-dir D:\node\pnpm\cache

配置完之后,可安装一个全局依赖查看下最终效果。

其他配置

pnpm 从命令行、环境变量和 .npmrc 文件中获取其配置。 来自 官方文档

依据官方文档所说,其他的一些配置可以通过直接修改 .npmrc 文件增加,打开此文件后,发现我们之前增加的全局配置也在此文件内,也是应证了这一点。
文件位置 C:\Users\Administrator\.npmrc

与pnpm配置相似的内容:

pnpm配置

之前通过 nvm 来管理了 nodejs 版本,结果安装 pnpm 之后,安装全局依赖报错,如下: PS C:\Users\Administrator> pnpm i -g commitizen ERROR Unable to find the global bin directory Run "p

pnpm 之降本增效

还在为npm i安装大量依赖等待时间较长,npm扁平化node_modules依赖版本冲突在苦恼吗,不用苦恼pnpm为你保驾护航

【前端求助帖】关于使用element-plus select 模板嵌套popover中使用select选择后,上一个select自动关闭的问题

先看下效果 主页代码如下 项目使用的是Vue3+vite, 下载后,直接pnpm i安装依赖, pnpm dev 就是可以跑起来 打开弹框

vue3 | mitt的基本使用

# 一、安装 npm安装 ``` npm i mitt ``` pnpm安装 ``` pnpm i mitt ``` yarn安装 ``` yarn add mitt ``` # 二、使用 ## (一)、当前组件内使用 ```javascript import mitt from 'mitt' //

视野修炼-技术周刊第57期

① Rspress - 基于 Rspack 的高性能静态站点生成器 ② We OCR - 支持离线使用的图片文字识别工具 ③ pnpm v8.9 - MacOS上带来更大的性能提升 ④ 用户体验:嵌套菜单! ⑤ Draggable objects - 详细介绍网页元素的拖拽实现

vue3项目实战+element-plus

记录自己搭建前端项目的学习过程和开发过程,希望一起学习进步 采用Vue3+element-plus+axios+vue-router+sass……(目前刚开始是用到了这些,随着开发慢慢更新) npm是比较慢的, 所以我用的是pnpm。安装指令:npm i pnpm 简单介绍下作用 Vue3:前端框架

DHorse v1.4.0 发布,基于 k8s 的发布平台

版本说明 新增特性 提供Fabric8客户端操作k8s(预览)的功能,可以通过指定-Dkubernetes-client=fabric8参数开启; Vue、React应用增加Pnpm、Yarn的构建方式; 支持Go、Flask、Django、Nuxt应用部署; 优化特性 副本指标数据保存为3天; 部