pnpm入门教程

一、概述

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 listpnpm 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 找到的依赖项.

在全局安装一些命令行依赖时，命令行对应的bin文件，pnpm默认会复制一份到PNPM_HOME环境变量对应的目录下，例如执行：pnpm add express express-generator -g后，根目录就出现express命令行对应的bin文件：
在这里插入图片描述

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官方文档

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/137619.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Vue3快速上手

Vue3快速上手

1.Vue3简介 2020年9月18日&#xff0c;Vue.js发布3.0版本&#xff0c;代号&#xff1a;One Piece&#xff08;海贼王&#xff09;耗时2年多、2600次提交、30个RFC、600次PR、99位贡献者github上的tags地址&#xff1a;Release v3.0.0 One Piece vuejs/core GitHub 2.Vue3带…
阅读更多...
二叉搜索树（BST，Binary Search Tree）

二叉搜索树（BST，Binary Search Tree）

文章目录 1. 二叉搜索树1.1 二叉搜索树概念1.2 二叉搜索树的查找1.3 二叉搜索树的插入1.4 二叉搜索树的删除 2 二叉搜索树的实现3 二叉搜索树的应用3.1二叉搜索树的性能分析 1. 二叉搜索树 1.1 二叉搜索树概念 二叉搜索树又称二叉排序树&#xff0c;它或者是一棵空树&#xf…
阅读更多...
大模型对外提供应用的三种服务方式及示例

大模型对外提供应用的三种服务方式及示例

最近在研究Llama大模型的本地化部署和应用测试过程中&#xff0c;为了给大家提供更多的应用方式&#xff0c;研究了如何利用python快速搭建各种应用访问服务&#xff0c;一般来说&#xff0c;我们开发完成的软件模块为了体现价值&#xff0c;都需要对外提供服务&#xff0c;最原…
阅读更多...
【css】如何实现自定义滚动悬浮置顶、固定表头

【css】如何实现自定义滚动悬浮置顶、固定表头

说到固定表头或者滚动置顶&#xff0c;我们需要认识css的两个api的2个属性&#xff1a; position: sticky; position: sticky; 是 CSS 中的一种定位方式。当应用于元素时&#xff0c;该元素在滚动时会固定在父容器的指定位置&#xff0c;直到滚动到达特定的位置或条件满足后&…
阅读更多...
APP产品经理岗位的具体内容（合集）

APP产品经理岗位的具体内容（合集）

APP产品经理岗位的具体内容1 1、负责项目产品团队的管理工作&#xff0c;对项目产品团队考核目标负责; 2、全面负责“工务园”所有产品&#xff0c;全方位负责其生命周期管理; 3、按照产品管理相关的计划和规范&#xff0c;对产品版本的更新及发布负责&#xff0c;完善产品的…
阅读更多...
书剑宠物疫苗接种管理软件操作教程

书剑宠物疫苗接种管理软件操作教程

【软件简介】 书剑宠物疫苗接种管理软件是一款宠物疫苗接种管理的工具&#xff0c;适合宠物诊所使用。具有动物主人建档、宠物疫苗接种登记管理、每日提醒、打印疫苗接种通知卡、自定义短信提醒模板等完善的功能。 另外本软件的特色是同时具有手机网页版功能&#xff0c;手机…
阅读更多...
警惕！多本SCI/SSCI被剔除，9月SCI/SSCI期刊目录已更新~（附下载）

警惕！多本SCI/SSCI被剔除，9月SCI/SSCI期刊目录已更新~（附下载）

【SciencePub学术】 2023年9月20日&#xff0c;科睿唯安更新了Web of Science核心期刊目录。 继上次SCI期刊目录和SSCI期刊目录更新之后&#xff0c;本次9月更新共有9本期刊发生变动&#xff1a; • SCIE&#xff1a;有3本期刊不再被SCIE期刊目录收录(Editorial De-listing/Pr…
阅读更多...
VScode的注释和标题，标签，img的src属性（如何网页上插入图片）（Mac如何开启js控制台）（如何免费复制网页中的文字）

VScode的注释和标题，标签，img的src属性（如何网页上插入图片）（Mac如何开启js控制台）（如何免费复制网页中的文字）

一、注释 <!--这是注释-->&#xff0c;在这个<!--内容-->里面的是注释&#xff0c;内容就是你要填写的注释。 在windows上查看&#xff0c;你是使用F12&#xff0c;但是mac上(我也不清楚为什么f12不好使&#xff0c;这时候就要按照下面的步骤调出这个界面 看这个高…
阅读更多...
【校招VIP】前端JS之深拷贝和浅拷贝

【校招VIP】前端JS之深拷贝和浅拷贝

考点介绍 js中的浅拷贝和深拷贝&#xff0c;只是针对复杂数据类型(Objcet&#xff0c;Array)的复制问题。简单来讲浅拷贝和深拷贝都可以实现在原有对象的基础上再生成一份的作用。但是根据新生成的对象能否影响到原对象可以分为浅拷贝和深拷贝。 前端JS之深拷贝和浅拷贝-相关题…
阅读更多...
聊聊Spring的Aware接口

聊聊Spring的Aware接口

文章目录 0.前言1.什么是Aware接口2.Aware接口的设计目的3.详解3.1. ApplicationContextAware我们举个例子来说明 3.2. BeanFactoryAware3.3. BeanNameAware3.4. ServletContextAware3.5. MessageSourceAware3.6. ResourceLoaderAware 4.参考文档 0.前言 背景&#xff1a; 最近…
阅读更多...
Spring Boot魔法：简化Java应用的开发与部署

Spring Boot魔法：简化Java应用的开发与部署

文章目录 什么是Spring Boot&#xff1f;1. 自动配置&#xff08;Auto-Configuration&#xff09;2. 独立运行&#xff08;Standalone&#xff09;3. 生产就绪&#xff08;Production Ready&#xff09;4. 大量的起步依赖&#xff08;Starter Dependencies&#xff09; Spring …
阅读更多...
【SpringMVC】JSR 303与interceptor拦截器快速入门

【SpringMVC】JSR 303与interceptor拦截器快速入门

目录 一、JSR303 1、什么是JSR 303&#xff1f; 2、为什么要使用JSR 303&#xff1f; 3、JSR 303常用注解 3.1、常用的JSR 303注解 3.2、Validated与Valid区别 3.2.1、Validated 3.2.2、Valid 3.2.3、区别 4、使用案例 4.1、导入依赖 4.2、配置校验规则 4.3、编写…
阅读更多...
大模型Tuning分类

大模型Tuning分类

类型总结 微调&#xff08;Fine-tunning&#xff09; 语言模型的参数需要一起参与梯度更新 轻量微调&#xff08;lightweight fine-tunning&#xff09; 冻结了大部分预训练参数&#xff0c;仅添加任务层&#xff0c;语言模型层参数不变 适配器微调 &#xff08;Adapter-t…
阅读更多...
数据研发“新人”如何快速落地？

数据研发“新人”如何快速落地？

作者&#xff1a;肖迪(墨诩) 一、前言 这个季度主推安全月构筑&夯实稳定性底盘&#xff0c;就组织了组里的同学对核心业务链路进行了稳定性的摸排。在摸排过程中&#xff0c;不断有个声音在问你摸排出来的问题就是全部问题么&#xff1f;你加的监控加全了么&#xff1f;你…
阅读更多...
进程同步与互斥

进程同步与互斥

目录 进程同步与互斥&#xff08;1&#xff09; 第一节、进程间相互作用 一、相关进程和无关进程 二、与时间有关的错误 第二节、进程同步与互斥 一、进程的同步 二、进程的互斥 三、临界区 进程同步与互斥&#xff08;2&#xff09; 三、信号量与P、V操作的物理含义…
阅读更多...
Tomcat 下部署 jFinal

Tomcat 下部署 jFinal

1、检查web.xml 配置&#xff0c;在 tomcat 下部署需要检查 web.xml 是否存在&#xff0c;并且要确保配置正确&#xff0c;配置格式如下。 <?xml version"1.0" encoding"UTF-8"?> <web-app xmlns:xsi"http://www.w3.org/2001/XMLSchema-i…
阅读更多...
使用命令行(CMD)编译单Java文件

使用命令行(CMD)编译单Java文件

1.安装JDK JDK官网&#xff1a;https://www.oracle.com/java/technologies/downloads/ 选 Windows -> x64 MSI Instaler或者x64 Installer 安装成功后。 2.配置环境变量 按下Win键&#xff0c;搜索环境变量 添加JAVA_HOME系统环境变量&#xff0c;要指定类似这样的路径(…
阅读更多...
Dubbo学习（一）——dubbo学习背景

Dubbo学习（一）——dubbo学习背景

文章目录 前言分布式基础理论什么是分布式系统发展演变ORMMVCRPCSOA RPC(远程调用)什么是RPCRPC工作原理 为什么RPC要用到DubboDubbo的优势高性能可扩展性高可靠性监控和管理 使用示例总结 前言 分布式基础理论 什么是分布式系统 分布式系统是若干独立计算机的集合&#xff…
阅读更多...
月木学途开发 1.后台用户模块

月木学途开发 1.后台用户模块

概述 权限控制采用springsecurity 数据库设计 用户表 DROP TABLE IF EXISTS admin; CREATE TABLE admin (aid int(32) NOT NULL AUTO_INCREMENT,email varchar(50) DEFAULT NULL,username varchar(50) DEFAULT NULL,password varchar(255) DEFAULT NULL,phoneNum varchar(2…
阅读更多...
在Ubuntu 18.04上支持C++17的std::filesystem的方法

在Ubuntu 18.04上支持C++17的std::filesystem的方法

在Ubuntu 18.04上通过命令sudo apt install gcc g安装的gcc/g版本为7.5&#xff0c;此版本并不直接支持filesystem&#xff0c;如下图所示&#xff1a; Ubuntu 18.04上的g 7.5支持experimental的filesystem,即std::experimental::filesystem&#xff0c;若想使Ubuntu 18.04支持…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023