pnpm入门教程

2023-09-14 16:26:54

一、概述

1、更小
使用 npm 时，依赖每次被不同的项目使用，都会重复安装一次。 而在使用 pnpm 时，依赖会被存储在内容可寻址的存储中。

2、更快

  1. 依赖解析。 仓库中没有的依赖都被识别并获取到仓库。
  2. 目录结构计算。 node_modules 目录结构是根据依赖计算出来的。
  3. 链接依赖项。 所有以前安装过的依赖项都会直接从仓库中获取并链接到 node_modules。

3、扁平化
使用 npm 或 Yarn Classic 安装依赖项时，所有的包都被提升到模块目录的根目录。 这样就导致了一个问题，源码可以直接访问和修改依赖，而不是作为只读的项目依赖。

默认情况下，pnpm 使用符号链接将项目的直接依赖项添加到模块目录的根目录中。

image-20230914105656172

可以看到cookie在express中被引用时，只是在依赖项中存放了硬链接，真正的包是在扁平化的一级目录中。

二、安装

  • windows下基于npm安装：
npm i -g pnpm
  • window下使用独立脚本安装：
iwr https://get.pnpm.io/install.ps1 -useb | iex
//默认安装路径：`C:\Users\【用户名】\AppData\Local\pnpm`
//如果想要指定安装目录，请提前设置环境变量：【PNPM_HOME】=[指定目录]

三、配置

pnpm 设置配置的方式与 npm 相同。并且直接沿用npm的配置，例如，

npm config list

pnpm config list
pnpm config get <key>
pnpm config set <key>
pnpm config delete <key>

可以看到，两种list命令打印结果是一模一样的。

image-20230914113418712

pnpm config list
pnpm config get <key>
pnpm config set <key>
pnpm config delete <key>

四、过滤

匹配：filter

过滤允许您将命令限制于包的特定子集。可通过 --filter (或 -F) 标志制定选择器：

pnpm -F <package_name> start
pnpm --filter <package_name> start

上面的命令会进入 project1 项目，并且执行 pnpm run start 命令。

排除：！

任何过滤规则选择器都可以作为排除项，只要在开头添加一个"!"。

例如，这将在除 foo 以外的所有项目中运行一个命令：

pnpm --filter=!foo <cmd>

五、pnpm:devPreinstall脚本

pnpm:devPreinstall 是一个特殊的生命周期脚本，用于在执行 pnpm install 命令时运行。这个脚本通常用于在安装依赖之前执行一些自定义的操作，例如构建或配置过程。

打开 package.json 文件，在 scripts 部分添加如下代码：

{
  "scripts": {
    "pnpm:devPreinstall": "your-command-here"
  }
}

六、管理依赖

1、安装：pnpm add

pnpm add <pkg>	//保存到 dependencies
pnpm add <pkg> -D	//保存到 devDependencies
pnpm add <pkg> -O	//保存到 optionalDependencies
pnpm add <pkg> -g	//安装到全局
pnpm add <pkg>@next	//从 next 标签下安装
pnpm add <pkg>@latest	//从 latest 标签下安装
pnpm add <pkg>@3.0.0	//安装指定版本 3.0.0

//从本地安装
pnpm add ./package.tar.gz
pnpm add ./some-directory

//从远端安装 Tar 包
pnpm add https://github.com/indexzero/forever/tarball/v0.5.6

//从 git 安装
pnpm add <git remote url>

配置项说明：

  • --save-prod, -P
    将指定的软件包安装为常规的 dependencies。

  • --save-dev, -D
    将指定的 packages 安装为 devDependencies。

  • --save-optional, -O
    将指定的 packages 安装为 optionalDependencies。

  • --save-exact, -E
    保存的依赖会被指定为一个确切的版本, 而不是使用 pnpm 的默认 semver range operator 配置.

  • --save-peer
    使用 --save-peer 会添加一个或多个 peerDependencies 的 package 并安装到 dev dependencies.

  • --ignore-workspace-root-check
    使用--ignore-workspace-root-check 或 -w 来向 workspace 根目录添加依赖。例如, pnpm add debug -w.

  • --global, -g
    安装全局依赖

  • --workspace
    仅添加在 workspace 找到的依赖项.

2、安装：pnpm install
等同于pnpm i，用于安装项目所有依赖.

3、更新：pnpm update
别名：up、upgrade。根据指定的范围更新软件包的最新版本。默认会更新所有依赖关系。

CommandMeaning
pnpm up遵循 package.json 指定的范围更新所有的依赖项
pnpm up --latest更新所有依赖项，此操作会忽略 package.json 指定的范围
pnpm up foo@2将 foo 更新到 v2 上的最新版本
pnpm up "@babel/*"更新 @babel 范围内的所有依赖项

4、删除：pnpm remove
别名：rm、uninstall、un
从 node_modules 和项目的 package.json 中删除相关 packages。

5、连接：pnpm link
别名：ln
使当前本地包可在系统范围内或其他位置访问。

pnpm link <dir>
pnpm link --global
pnpm link --global <pkg>

6、取消连接：pnpm unlink
取消链接一个系统范围的package (相对于 pnpm link).

7、重建：pnpm rebuild
别名：rb
重建一个package。

8、修剪：pnpm prune
移除不需要的packages。

9、修改全局包目录
执行下面命令，之后所有的依赖包会保存到指定目录中。

pnpm config set store-dir D:\Node\Cache\pnpm\store

https://pnpm.io/zh/next/cli/store

七、查看依赖

1、检查：pnpm audit

检查已安装包的已知安全问题。

实际在使用这个命令时，淘宝镜像（https://registry.npmmirror.com/）是不支持检查的，会提示如下报错：

image-20230914140315279

在使用npm官方仓库时，是可以的，显示如下：

image-20230914140442623

2、打印依赖：pnpm list

别名：ls

此命令会以一个树形结构输出所有的已安装package的版本及其依赖。

pnpm ls
pnpm ls -r	//递归打印工作区依赖
pnpm ls --depth=0 -r
pnpm ls -g --depth=0

3、打印过期依赖：pnpm outdated
这个命令还是比较实用的，可以检查package.json中所有依赖包当前版本和最新版本。
例如：

image-20230914141756380
上述common1、common2是工作区中的自定义模块，所以检测不到，其他都有记录。

4、打印指定包的依赖：pnpm why
显示依赖于指定 package的所有 package。
例如，下面是打印出工作区下，所有依赖common2的包。分别是umi-antd项目和web/common1项目。
image-20230914142655998

八、运行脚本

1、运行：pnpm run
假如您有个 watch 脚本配置在了package.json 中，像这样：

"scripts": {
    "watch": "webpack --watch",
    "watch1": "webpack --watch",
    "watch3": "webpack --watch",
}

执行pnpm run watch。
也可以用正则去匹配执行多个脚本，下面的命令会匹配所有watch开头的命令。

pnpm run "/^watch:.*/"

2、执行：pnpm exec
在项目范围内执行 shell 命令。
例如，项目目录下node_modules/.bin目录下有个max脚本文件。直接执行max -v是无效的，但是可以通过pnpm exec max -v来执行这个命令。
image-20230914143532230
image-20230914143635485
pnpm exec [命令名] 类似于 npx [命令名]

3、创建项目：pnpm dlx/pnpm create
这两个命令都可以用来创建项目，例如创建一个react项目：

pnpm dlx create-react-app ./my-app
pnpm create create-react-app ./my-app

上述两个命令执行效果一致，都可以初始化一个react项目，且默认安装好依赖包。
只是pnpm dlx命令支还持一些配置项。

九、管理Node版本

1、配置命令

pnpm env <cmd>

//cmd：
//use：使用
//remove：删除
//list：打印全部

这里介绍 window 下需要做的配置：

  1. 清除【环境变量】下PATH中关于node的设置
  2. 安装系统独立脚本。其他平台下pnpm安装教程
   //window下打开powershell:
   iwr https://get.pnpm.io/install.ps1 -useb | iex

  1. 查看可用版本pnpm env ls --remote

  2. 安装需要的版本

    pnpm env use -g lts	//安装LTS 版本
pnpm env use -g 16	//安装 v16：
pnpm env use -g latest	//最新版本

  3. 移除指定版本：pnpm env remove -g 14.0.0

pnpm全局安装的包都保存在：C:\Users\【用户名】\AppData\Local\pnpm目录下。

2、实操演练

安装完独立脚本版本的pnpm之后。

  1. 安装稳定版本：执行pnpm env use -g lts

image-20230914155903759

  1. 删除稳定版本：pnpm env rm -g lts

    image-20230914160147374

  2. 检查是否移除成功：node -v

    此时node版本已经检测不出来，说明删除成功。

image-20230914160052129

我之前安装过npm并且修改过cache和prefix，pnpm重新安装独立脚本后，之前的npm config没有任何变化，继续沿用。

为pnpm，点赞！

十、缓存目录

1、概述

  1. npm全局安装
npm i -g lodash

执行完后，lodash被存放在npm config get prefix对应的目录中。

例如：

image-20230914161745616

  1. pnpm全局安装
pnpm install -g lodash

执行完成后，包被存放在：C:\Users\【用户名】\AppData\Local\pnpm目录下

image-20230914162157692

2、修改pnpm缓存地址

  • 修改 store 目录：
pnpm config set store-dir [目录]
pnpm store path #查看store目录

在这里插入图片描述

  • 修改 cache 目录：
    cache缓存默认存放在C:\Users\【用户名】\AppData\Local\pnpm-cache。添加环境变量【XDG_CACHE_HOME=D:\Node\Cache\pnpm\cache】，之后再安装的依赖的缓存就都会存入这个目录。
  • 从存储中删除未引用的包。
pnpm store prune

推荐阅读：pnpm官方文档

更多推荐

Redis集群搭建

Redis集群搭建1、主从模式部署1.1环境准备IP主机名角色192.168.54.200mastermaster192.168.54.201slave1slave1192.168.54.202slave2slave21.2下载下载地址：http://download.redis.io/releases/这里选择下载：

全链路自动化测试

背景从SOA架构到现在大行其道的微服务架构，系统越拆越小，整体架构的复杂度也是直线上升，我们一直老生常谈的微服务架构下的技术难点及解决方案也日渐成熟（包括典型的数据一致性，系统调用带来的一致性问题，还是跨节点跨机房复制带来的一致性问题都有了很多解决方案），但是有一个环节我们明显忽略了。在现在的微服务架构趋势下，微服务在

微信小程序| 打造ChatGPT英语四六级背单词小程序

一、需求背景学英语，最大的痛苦莫过于背单词！不知道你平时都是用什么方式在背单词呢？硬啃单词书？字典？还是说各类的背单词APP来回跳转？不可否认的是，单词一两遍完全记不住，没有个三四五六七八遍，都很难在考场的卷子上认出他！所以，这次我们来做一个通关英语四六级的背单词神器，让他能够基于艾宾浩斯遗忘规律来辅助我们高效背单词。

数仓主题域和数据域、雪花模型，星型模型和星座模型

数仓模型和领域划分一、主题域和数据域的差别二、雪花模型，星座模型和星型模型一、主题域和数据域的差别明确数据域作为数仓搭建的重要一环，能够让数仓的数据便于管理和应用。数据域和主题域都是数据仓库中的重要概念，但含义略有不同，常常作为面试官的面试考点。数据域指的是特定的业务领域或是业务过程，如销售、采购、人力资源管理、财务等

前端需要知道的计算机网络知识----网络安全,自学网络安全，学习路线图必不可少，【282G】初级网络安全学习资源分享！

网络安全（英语：networksecurity）包含网络设备安全、网络信息安全、网络软件安全。黑客通过基于网络的入侵来达到窃取敏感信息的目的，也有人以基于网络的攻击见长，被人收买通过网络来攻击商业竞争对手企业，造成网络企业无法正常营运，网络安全就是为了防范这种信息盗窃和商业竞争攻击所采取的措施。随着互联网的高速发展，信

如何写一份出色的毕业设计任务书

title:如何写一份出色的毕业设计任务书date:2023-09-20毕业设计任务书是每个毕业生必须面对的关键文档。它不仅是你完成毕业设计的路线图，还是导师评估你工作的依据。因此，撰写一份清晰、详细且具体的任务书至关重要。本文将向你介绍如何编写一份出色的毕业设计任务书。1.确定项目背景和目的任务书的第一部分应该解释你

Mysql优化习惯|建表规约丶SQL规约丶索引规约

今天看到一个mysql规范,说mysql里面的字符集utf8不是真正的utf8(很感兴趣就去搜索了一下);真正的utf8字符集在mysql里面叫utf8mb4.感兴趣的自己可以去看下这个链接MySQL中的utf8并不是真正的UTF-8编码!!_mysql是真正utf-8_I'msureok!的博客-CSDN博客言归正传

06-Redis缓存高可用集群

上一篇：05-Redis高可用集群之水平扩展1.集群方案比较哨兵模式在redis3.0以前的版本要实现集群一般是借助哨兵sentinel工具来监控master节点的状态，如果master节点异常，则会做主从切换，将某一台slave作为master，哨兵的配置略微复杂，并且性能和高可用性等各方面表现一般，特别是在主从切换

Rust : 与C多种交互尝试

rust调用C端的库函数，有很多方法，场景也有所不同。包括windows还是linux，内置库还是自定义库，还是三方库等等。一、rust调用其内置的C库这个很简单，直接把extern"C"引入即可：比如，在rust端main.rs中:usestd::os::raw::c_int;//f32usestd::os::raw

什么是函数式编程（functional programming）？在JavaScript中如何实现函数式编程的概念？

聚沙成塔·每天进步一点点⭐专栏简介⭐函数式编程（FunctionalProgramming）⭐纯函数（PureFunctions）⭐不可变性（Immutability）⭐高阶函数（Higher-OrderFunctions）⭐函数组合（FunctionComposition）⭐声明式编程（DeclarativeProg

第15篇ESP32 idf框架 wifi联网_WiFi AP模式_手机连接到esp32开发板

第1篇:Arduino与ESP32开发板的安装方法第2篇:ESP32helloword第一个程序示范点亮板载LED第3篇:vscode搭建esp32arduino开发环境第4篇:vscode+platformio搭建esp32arduino开发环境​​​​​​第5篇:doit_esp32_devkit_v1使用pmw呼

热文推荐
  1. 【腾讯云 Cloud Studio 实战训练营】在Cloud Studio上使用React实现学生管理系统

    一、前言为了提升办公效率，越来越多的人开始使用云工作站的方法进行“云办公”了，所谓云办公即把传统意义办公场所转移到网络浏览器中，这样做的好处有：实现真正的移动化办公，不再受设备、时间、地点等的束缚，随时随地都能访问云工作站进行办公。支持多人协同，大家都能在同一环境下进行工作，可对同文件进行修改。更能保证数据的安全性，以

  2. Spring高手之路5，Dubbo服务注册与发现（文末送书）

    目录一、介绍1、介绍Dubbo服务注册与发现的基本概念和重要性2、阐述Dubbo服务注册与发现的实现方式和应用场景二、Dubbo服务注册与发现的架构设计1、Dubbo服务注册与发现的总体架构设计。2、Dubbo服务提供方的注册与发现设计3、Dubbo服务消费者端的注册与发现设计三、Dubbo服务注册与发现的实现方式1、

  3. 使用cpolar配合Plex打造个人媒体站，畅享私人影音娱乐空间

    文章目录1.前言2.Plex网站搭建2.1Plex下载和安装2.2Plex网页测试2.3cpolar的安装和注册3.本地网页发布3.1Cpolar云端设置3.2Cpolar本地设置4.公网访问测试5.结语1.前言用手机或者平板电脑看视频，已经算是生活中稀松平常的场景了，特别是各种碎片时间（追剧下饭、地铁上刷剧等等），看

  4. 【整理】text2kgbench: 语言模型根据本体生成知识图谱的能力

    概述该论文的研究背景是大型语言模型（LLM）和基于本体的知识图谱（KG）在自然语言处理（NLP）任务中的性能提升。过去的方法存在一些问题，该论文提出的方法通过从文本中生成KG并遵循给定的本体，解决了这些问题，并鼓励了新的方法。本文提出了Text2KGBench，一个基准测试，用于评估语言模型根据本体从自然语言文本中生成

  5. 访问者模式简介

    概念：访问者模式（Visitorpattern）是一种行为型设计模式，它允许在不修改已有对象结构的情况下定义新操作。该模式将数据结构与操作分离，使得新增操作变得容易，并且可以在不同的数据结构上复用相同的操作。特点：将操作封装到独立的访问者类中，使得添加新的操作变得简单。可以对一个对象结构中的元素进行多种不同类型的遍历和

  6. Remix 和 Next.js 中实现依赖注入

    文章目录在Remix中实现依赖注入在Next.js中实现依赖注入对比小结在Remix中实现依赖注入在Remix中实现依赖注入需要使用到context。下面是一个简单的示例：首先，在项目根目录下创建context.js文件：importReactfrom'react';constDependenciesContext=R

  7. 【Spatial-Temporal Action Localization（二）】论文阅读2017年

    文章目录1.ActionVLAD:Learningspatio-temporalaggregationforactionclassification[code](https://github.com/rohitgirdhar/ActionVLAD/)[](https://github.com/rohitgirdhar/

  8. platform驱动模型

    一、总线驱动模型1.概念linux中将一个挂载在总线上的驱动的驱动模型分为三部分:device、driver和bus。device是用来保存设备信息的对象，存放在内核中一个klist_device链表中进行管理。driver当前设备的驱动信息对象，存放在内核中一个klist_driver链表中进行管理。bus是当前设备

  9. 【Python从入门到进阶】36、Selenium 动作交互

    接上篇《35、selenium基本语法学习》上一篇我们介绍了selenium的基本语法，包括元素定位以及访问元素信息的操作。本篇我们来学习selenium操作网页的动作内容。一、什么是selenium动作操作动作操作是指使用Selenium调用WebDriver执行与用户交互相关的动作，例如单击、右键单击、悬停、拖放等