pnpm基础教程

news2024/11/21 2:28:31

一、概述

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

2、更快

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

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

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

image-20230914105656172

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

二、安装

windows下基于npm安装:

npm i -g pnpm

三、配置

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 project1 start
pnpm --filter project1 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

别名:upupgrade。根据指定的范围更新软件包的最新版本。默认会更新所有依赖关系。

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

4、删除:pnpm remove

别名:rmuninstallun

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

七、查看依赖

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

上述common1common2是工作区中的自定义模块,所以检测不到,其他都有记录。

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
    
  3. 查看可用版本pnpm env ls --remote

  4. 安装需要的版本

    pnpm env use -g lts	//安装LTS 版本
    pnpm env use -g 16	//安装 v16:
    pnpm env use -g latest	//最新版本
    
  5. 移除指定版本: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并且修改过cacheprefixpnpm重新安装独立脚本后,之前的npm config没有任何变化,继续沿用。

为pnpm,点赞!

3、npm全局安装

npm i -g lodash

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

例如:

image-20230914161745616

4、pnpm全局安装

pnpm install -g lodash

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

image-20230914162157692


推荐阅读:pnpm官方文档

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

自动化测试(五):自动化测试框架的搭建和基于yaml热加载的测试用例的设计

该部分是对自动化测试专栏前四篇的一个补充&#xff0c;本次参考以下文章实现一个完整的谷歌翻译接口自动化测试:   [1]【python小脚本】Yaml配置文件动态加载   [2]【python做接口测试的学习记录day8——pytest自动化测试框架之热加载和断言封装】 目标&#xff1a;框架封…

ARM架构-伪指令、伪操作、ATPCS协议

汇编中的符号&#xff1a; 1.指令&#xff1a;能够编译生成一条32位的机器码且能被CPU识别和执行 2.伪指令&#xff1a;本身不是指令&#xff0c;编译器可以将其替换成若千条指令 3.伪操作:不会生成代码&#xff0c;只是在编译阶段告诉编译器怎么编译&#xff08;例如&#x…

如何利用软文推广进行SEO优化(打造优质软文,提升网站排名)

在当今的互联网时代&#xff0c;SEO优化成为了网站推广的关键。而软文推广作为一种有效的推广方式&#xff0c;其优点不仅仅局限于SEO&#xff0c;还可以带来更多的曝光和用户流量。本文将深入探讨如何做好软文推广&#xff0c;从而提升网站排名和流量。 了解目标受众群体 内容…

【MySQL】基础SQL语句——库的操作

文章目录 一. 创建数据库1.1 基础语句1.2 字符集和校验规则1.3 校验规则对读取数据的影响 二. 查看数据库三. 修改数据库四. 删除数据库及备份4.1 删除4.2 备份和还原 结束语 一. 创建数据库 1.1 基础语句 最简洁的创建数据库的SQL语句是&#xff1a; create database db_nam…

iOS 使用陀螺仪实现裸眼3d效果

直接上完整代码 // // BannerView.m // Test // // Created by liubo on 2023/7/20. //#import "LB3DBannerView.h" #import <Masonry/Masonry.h> #import <CoreMotion/CoreMotion.h>interface LB3DBannerView (){CGFloat maxOffset;CGFloat lastGra…

新增动态排序图、桑基图、AntV组合图,DataEase开源数据可视化分析平台v1.18.10发布

2023年9月14日&#xff0c;DataEase开源数据可视化分析平台正式发布v1.18.10版本。 这一版本的功能升级包括&#xff1a;数据集方面&#xff0c;对字段管理的后台保存做了相关优化&#xff0c;降低了资源消耗&#xff1b;仪表板方面&#xff0c;对联动、查询结果以及过滤组件等…

Java 泛型 T,E,K,V,?

泛型带来的好处 在没有泛型的情况的下&#xff0c;通过对类型 Object 的引用来实现参数的“任意化”&#xff0c;“任意化”带来的缺点是要做显式的强制类型转换&#xff0c;而这种转换是要求开发者对实际参数类型可以预知的情况下进行的。对于强制类型转换错误的情况&#xf…

App测试中ios和Android有哪些区别呢?

App测试中&#xff0c;大家最常问到的问题就是&#xff1a;ios和 Android有什么区别呢&#xff1f; 在Android端&#xff0c;我们经常会使用 JavaScript、 HTML、 CSS等技术来编写一些简单的 UI界面。而 iOS端&#xff0c;我们经常会使用到 UI设计、界面布局、代码结构、 API等…

IF 22.1,中科院1区TOP,顶级期刊更名!

期刊更名 为了更好服务于催化领域科技工作者&#xff0c;Applied Catalysis B: Environmental将全新改版&#xff0c;2024年起环境催化和能源催化将共同融入期刊&#xff0c;正式更名为Applied Catalysis B: Environment and Energy。另外&#xff0c;将增加封面图文摘要&…

【Spring Boot】数据缓存Redis实现高并发 —— Redis入门

&#x1f33f;欢迎来到衍生星球的CSDN博文&#x1f33f; &#x1f341;本文主要学习Redis的入门 &#x1f341; &#x1f331;我是衍生星球&#xff0c;一个从事集成开发的打工人&#x1f331; ⭐️喜欢的朋友可以关注一下&#x1faf0;&#x1faf0;&#x1faf0;&#xff0c;…

IJK源码分析-android篇

整个IJK播放器框架相较于原始ffplay.c播放器,在三处进行了抽象,分别是: (1)解码器配置初始化操作,对应的数据结构是: struct IJKFF_Pipeline {SDL_Class *opaque_class;IJKFF_Pipeline_Opaque *opaque;void (*func_destroy) (IJKFF_Pipe…

带讲解的自行车租赁系统,可做毕设/课设

适合人群: 马上毕业/需要毕设的同学 技术栈: 前后端分离 前端使用: Vue Element 后端使用: SpringBoot Mysql8.0 Mybatis 支付宝支付 功能截图: 分为管理员端和 普通用户端 和 维修人员端 阿里大佬亲讲 免费看地址: 见评论区

前端笔面编程收录【按公司】

目录 虚拟DOM【腾讯音乐笔试】 连字转驼峰【美团一面】 1.split(-) 2.toUpperCase() 3.slice(1) 用友sp 一面【二选一】 数组相邻和最大的对应两个元素 千位分割【无负数&#xff0c;含小数】 二面 华容道&#xff1a;BFS k / 3, y k % 3; //一维数组下标转化到二…

CISP—信息安全保障基础

0x00 前言 CTF 加解密合集CTF Web合集网络安全知识库溯源相关CISP汇总 文中工具皆可关注 皓月当空w 公众号 发送关键字 工具 获取 0x01 信息安全概念 1.信息安全的定义 1.1 ISO 对安全的定义 为数据处理系统建立和采取技术、管理的安全保护&#xff0c;保护计算机硬件、软…

【论文解读】Faster sorting algorithm

一、简要介绍 基本的算法&#xff0c;如排序或哈希&#xff0c;在任何一天都被使用数万亿次。随着对计算需求的增长&#xff0c;这些算法的性能变得至关重要。尽管在过去的2年中已经取得了显著的进展&#xff0c;但进一步改进这些现有的算法路线的有效性对人类科学家和计算方法…

Flask狼书笔记 | 08_个人博客(下)

文章目录 8 个人博客8.4 初始化博客8.5 使用Flask-Login管理用户认证8.6 CSRFProtect实现CSRF保护8.7 编写博客后台小结 8 个人博客 8.4 初始化博客 1、安全存储密码 密码不要以明文的形式直接存储在数据库中&#xff0c;以防被攻击者盗取、泄露。一般的做法是&#xff0c;不…

XUbuntu22.04之查找进程号pidof、pgrep总结(一百九十)

简介&#xff1a; CSDN博客专家&#xff0c;专注Android/Linux系统&#xff0c;分享多mic语音方案、音视频、编解码等技术&#xff0c;与大家一起成长&#xff01; 优质专栏&#xff1a;Audio工程师进阶系列【原创干货持续更新中……】&#x1f680; 人生格言&#xff1a; 人生…

服务器中了勒索病毒怎么办?勒索病毒解密,数据恢复

勒索病毒是一种比较常见的电脑病毒&#xff0c;它们给企业的生产经营和发展带来了很大的影响。可是绝大多数企业在这方面并没有做合理的预案&#xff0c;这也导致当安全运维人员或者企业主发现中了勒索病毒以后手足无措。那云天数据恢复中心就用这篇文章来告诉大家当服务器中了…

如何解决msvcp120.dll丢失问题,msvcp120.dll丢失的解决方法介绍

Microsoft Visual C Redistributable Packages&#xff08;简称MSVCRP&#xff09;是一组由微软提供的软件开发库&#xff0c;其中包含一系列用于运行使用Visual Studio开发的应用程序所需的运行时组件。MSVCRP包含了多个DLL文件&#xff0c;其中MSVCP120.dll就是其中之一。这个…

Linux centos7创建文件

在系统中创建文件或目录&#xff0c;是最基本的操作&#xff0c;也是经常遇到的操作。本文仅关注普通文件的创建。 最简单的情况是创建一个空文件。但有时&#xff0c;根据实际情况&#xff0c;我们需要创建多个空文件&#xff0c;创建多个相同内容的文件&#xff0c;有时又可…