先说pnpm

PNPM(Performant npm)是一个较为新兴的JavaScript包管理工具,它旨在解决传统npm和yarn在依赖管理和磁盘空间利用方面的一些问题。下面详细介绍PNPM的相关特点和优势:

  1. 依赖管理方式 PNPM使用硬链接和符号链接的方式来管理节点模块,这种扁平化管理的策略避免了传统npm的嵌套依赖树问题。在传统的依赖管理中,可能会出现同一个版本的包被多次安装,导致磁盘空间浪费。而PNPM确保同一版本的包只安装一次,通过硬链接的方式让多个项目共享同一份包的副本。

  2. 安装速度 由于PNPM采用了硬链接的复用机制,因此在安装依赖时速度通常会比npm和yarn更快。

  3. 磁盘空间占用 PNPM在磁盘空间的利用上更为高效,因为它不会像npm那样在每个项目的node_modules目录中重复安装相同的包。

  4. 依赖管理严格性 PNPM提供了更严格的依赖管理,避免了“幽灵依赖”的问题,确保了依赖关系的明确性和可预测性。

  5. 锁文件格式 PNPM使用pnpm-lock.yaml作为锁文件格式,它记录了项目的依赖关系和安装的包的具体信息,以确保在不同环境中能够重现相同的安装结果。

  6. 缓存机制 PNPM拥有基于内容寻址的全局存储缓存机制,这意味着缓存是按照包内容而不是包名来组织的,这提高了缓存的利用率。

  7. 并行安装能力 PNPM支持并行安装,可以显著提高大项目安装依赖的速度。

  8. 依赖提升策略 PNPM支持依赖提升,这意味着在多个项目共享同一依赖时,可以提升到更高的版本,而不是每个项目都安装特定版本的依赖。

  9. Workspace支持 PNPM对Mono Repository(Monorepo)工作模式有很好的支持,这使得它特别适合管理包含多个子项目的大型代码库。

使用场景 如果你的项目对依赖管理有较高要求,或者希望更有效地利用磁盘空间,那么PNPM是一个不错的选择。对于大型项目和Monorepo模式的项目,PNPM的优势尤为明显。

安装和使用

要开始使用PNPM,你需要首先通过npm或yarn安装pnpm工具包:

  1. git clon
  2. npm install -g pnpm
  3. # 或者
  4. yarn global add pnpm

yarn和npm的区别

熟悉一个新项目一般都是如下步骤:

  1. git clone xxx
  2. npm install
  3. npm run dev
  4. 或者
  5. git clone xxx
  6. yarn
  7. yarn start

yarn是什么?

yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具,yarn是为了弥补 npm 的一些缺陷而出现的

npm的缺陷:

同一个项目,安装的时候无法保持一致性。由于package.json文件中依赖包版本号的特点,有时会由于安装版本不一致出现bug安装的时候,包会在同一时间下载和安装,中途某个时候,一个包抛出了一个错误,但是npm会继续下载和安装包。因为npm会把所有的日志输出到终端中,有关错误包的错误信息就会在一大堆npm打印的警告中丢失掉,并且你甚至永远不会注意到实际发生的错误

yarn的优点:

速度快:

并行安装:npm是按照队列执行每一个包,也就是必须等到当前包安装完成之后才能继续后面的安装。而yarn是并行执行所有任务,提高了性能

离线模式:如果之前已经安装过一个软件包,用yarn再次安装时会从缓存中获取,就不用像npm那样再从网络下载了

安装版本统一:
为了防止拉取到不同的版本,yarn有一个锁定文件(lock file)记录了被确切安装上的模块的版本号。每次只要新增了一个模块,yarn就会创建(或更新)yarn.lock 这个文件。这么做就保证了每一次拉取同一个项目依赖时,使用的都是一样的模块版本。npm其实也有办法实现处处使用相同版本的包,但需要开发者执行 npm shrinkwrap 命令。
更简洁的输出:
npm的输出信息比较冗长,执行 npm install xxx 时命令行里会不断地打印出所有被安装上的依赖。相比之下,yarn简洁太多,默认情况下直观且直接地打印出必要的信息,也提供了一些命令供开发者查询额外的安装信息
多注册来源处理:
所有的依赖包不管它被不同的库间接关联引用多少次,安装这个包时,只会从一个注册来源去装,要么是npm要么是bower,防止出现混乱不一致

用【nvs】来做版本管理器

1、安装yarn:

  1. npm install -g yarn

2、安装成功后,查看版本号:

  1. yarn --version ubuntu22.014:

3、创建文件夹

  1. yarn——-md yarn

4、进入yarn文件夹

  1. cd yarn

5、初始化项目

  1. yarn init //同npm init,执行输入信息后,会生成package.json文件

6、yarn的配置项:

  1. yarn config list //显示所有配置项
  2. yarn config get <key> //显示某配置项
  3. yarnconfig delete <key> //删除某配置项
  4. yarn config set <key> <value> [-g|—global] //设置配置项

7、安装包:

  1. yarn install # 这将根据 yarn.lock 文件中锁定的版本来安装所有必需的包。
  2. yarn install —flat //安装一个包的单一版本
  3. yarn install —force //强制重新下载所有包
  4. yarn install —production //只安装dependencies里的包
  5. yarn install —no-lockfile //不读取或生成yarn.lock
  6. yarn install —pure-lockfile //不生成yarn.lock

8、添加包(会更新package.json 和 yarn.lock):

  1. yarn add [package] //在当前项目中添加一个依赖包,会自动更新到package.json 和 yarn.lock文件中
  2. yarn add [package]@[version] //安装指定版本,这里指的是主要版本,如果需要精确到小版本,使用 -E参数
  3. yarn add [package]@[tag] //安装某个tag (比如beta,next或者latest)

9、不指定依赖类型默认安装到dependencies里,你可以指定依赖类型:

  1. yarn add —dev/-D //加到devDependencies
  2. yarn add —peer/-P //加到peerDependencies
  3. yarn add —optional /-O //加到optionalDependencies

10、默认安装包的主要版本里的最新版本,下面两个命令可以指定版本:

  1. yarn add —exact /-E //安装包的精确版本。例如: yarn add foo@1.2.3会接受1.9.1版,但是yarn add foo@1.2.3 —exact直接说1.2.3版
  2. yarn add —title /-T //安装包的次要版本里的最新版。例如:yarn add foo@1.2.3 —title 会接受1.2.9,但不接受1.3.0

11、发布包

  1. yarn publish

12、移除一个包

  1. yarn remove [packageName] : 移除一个包,会自动更新package.json 和 yarn.lock

13、更新一个依赖

  1. yarn upgrade 用于更新包到基本规范范围的最新版本

14、运行脚本

  1. yarn run build
  2. 等同于:
  3. yarn build
  4. 和以下是一样的:
  5. npm run build

15、显示某个包的信息

  1. yarn info <packageName> 可以用来查看某个模块的最新版本信息

16、缓存

  1. yarn cache
  2. —-a) yarn cache list # 列出已缓存的每个包
  3. —-b) yarn cache dir #返回 全局缓存位置
  4. —-c) yarn cache clean # 清除缓存

查看镜像仓库镜像和设置:

  1. npm config get registry
  2. 或者:npm config list
  3. npm config set registry https://registry.npmmirror.com
  4. yarn config get registry
  5. yarn config set registry https://registry.yarnpkg.com (官方源)
  6. yarn config set registry https://registry.npm.taobao.org/
  7. 使用 cnpm
  8. npm install -g cnpm —registry=https://registry.npm.taobao.org
  9. 安装成功后,使用方法同npm
  10. cnpm install

npm 与 yarn 命令比较:

npm init
yarn init 初始化某个项目

npm install / link
yarn install/link 默认的安装依赖操作

npm install taco —save
yarn add taco 安装某个依赖,并且默认保存到package

npm uninstall taco —save
yarn remove taco 移除某个依赖项目

npm install taco —save-dev
yarn add taco —dev 安装某个开发时依赖项目

npm update taco —save
yarn upgrade taco 更新某个依赖项目

npm install taco —global
yarn global add taco 安装某个全局依赖项目

npm publish/login/logout
yarn publish/login/logout 发布/登录/登出,一系列NPM Registry操作

npm run/test yarn run/test 运行某个命令 ```