Yarn 安装与使用详细介绍「建议收藏」

2022-09-01 16:54:44 浏览数 (3)

大家好，又见面了，我是你们的朋友全栈君。

文章目录

  • 背景
  • 什么是 Yarn
    • 速度快
    • 离线模式
    • 可靠可确定性
    • 网络优化
    • 扁平化模式
    • 版本控制
    • 其他关于 Yarn 的介绍
  • Yarn 安装
    • windows
    • mac
      • 方式一
      • 方式二
  • Yarn 换源
  • Yarn 常用命令
    • Yarn 独有的命令
  • 特性
  • 推荐阅读

背景

在 Node 生态系统中，依赖通常安装在项目的 node_modules 文件夹中。然而，这个文件的结构和实际依赖树可能有所区别，因为重复的依赖可以合并到一起。npm 客户端把依赖安装到 node_modules 目录的过程具有不确定性。这意味着当依赖的安装顺序不同时，node_modules 目录的结构可能会发生变化。这种差异可能会导致类似 “我的电脑上可以运行，别人的电脑上不行” 的情况，并且通常需要花费大量时间定为与解决。

有时候就会遇到这种情况，完整可运行的项目上传到 git 上，别人 pull 下来以后，npm install 会报错。

Yarn 一开始的主要目标是解决由于语义版本控制而导致的 npm 安装的不确定性问题。虽然可以用 npm shrinkwrap 来实现可预测的依赖关系树，但它并不是默认选项，而是取决于所有的开发人员指导并启用这个选项。

npm 5 以后的版本加入了 package-lock.json 可以用来锁版本，package-lock.json 的名字，一看就懂，更清楚，但是不向后兼容。

npm-shrinkwrap.json 向后兼容 npm 2-4。

举个例子： npm 对包引入顺序也十分的敏感，比如在一个空项目里执行以下命令：

代码语言：javascript复制
npm init -y
npm install globule@0.1.0 -S
npm install babel-generator@6.19.0 -S
npm install babel-helper-define-map@6.18.0 -S

我们这里安装了 3 个包都依赖于 lodash，不过 globule 依赖 lodash@1.0.3，另外另个依赖 lodash@4.x。 现在目录依赖结构如下：

这是假设我们在项目里使用 lodash，但是忘记重新安装 lodash

代码语言：javascript复制
var lodash = require('lodash')
console.log(lodash.VERSION)  // v1.0.3

另一个同事获取项目代码，执行 npm install，这时的目录依赖结构里面，第一层依赖的 lodash 变成了 4.x 版本，这样就造成了依赖版本不一致的问题。而 yarn 则会保证无论怎样引入的顺序，目录依赖结构都是一致的，确保不会发生这样的 BUG。

什么是 Yarn

Yarn 就是一个类似于 npm 的包管理工具，它是由 facebook 推出并开源。

与 npm 相比，yarn 有着众多的优势，主要的优势在于：速度快、离线模式、版本控制。

速度快

npm 会等一个包完全安装完才跳到下一个包，但 yarn 会并行执行包，因此速度会快很多。

Yarn 会缓存它下载的每个包，所以无需重复下载。它还能并行化操作以最大化资源利用率，安装速度之快前所未有。

离线模式

之前安装过的包会被保存进缓存目录，以后安装就直接从缓存中复制过来，这样做的本质还是会提高安装下载的速度，避免不必要的网络请求。

可靠可确定性

保证各平台依赖的一致性

网络优化

力求网络资源最大利用化，让资源下载完美队列执行，避免大量的无用请求，下载失败会自动重新请求，避免整个安装过程失败

扁平化模式

对于不匹配的依赖版本的包创立一个独立的包，避免创建重复的。 对于多个包依赖同一个子包的情况，yarn 会尽量提取为同一个包，防止出现多处副本，浪费空间。

版本控制

npm 用下来比较强的一个痛点就是：当包的依赖层次比较深时，版本控制不够精确。会出现相同 package.json，但不同人的电脑上安装出不同版本的依赖包，出现类似 “我的电脑上可以运行，别人的电脑上不行” 的 bug 很难查找。你可以使用 npm-shrinkwrap 来实现版本固化，版本信息会写入 npm-shrinkwrap.json 文件中，但它毕竟不是 npm 的标准配置。

而 yarn 天生就能实现版本固化。会生成一个类似 npm-shrinkwrap.json 的 yarn.lock 文件，而文件内会描述包自身的版本号，还会锁定所有它依赖的包的版本号：

代码语言：javascript复制
"@babel/code-frame@7.0.0-beta.47":
  version "7.0.0-beta.47"
  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.0.0-beta.47.tgz#d18c2f4c4ba8d093a2bcfab5616593bfe2441a27"
  dependencies:
    "@babel/highlight" "7.0.0-beta.47"

yarn.lock 存储着你的每个包的确切依赖版本，能确保从本地开发到生产环境，所有机器上都有精确相同的依赖版本。

其他关于 Yarn 的介绍

我们在使用 Yarn 时，依然要访问 npm 仓库，但 Yarn 能够更快速地安装软件包和管理依赖关系，并且可以在跨机器或者无网络的安全环境中保持代码的一致性。

Yarn 安装

windows

在 Yarn 中文网可以找到 window 下的三种安装方法：

不过我觉得这三种方法都不好用，快速好用的安装方法应该还是使用 npm 来安装：

代码语言：javascript复制
npm install -g yarn

关于为什么使用 -g，以及 -g 会带来哪来影响，这个可以看我的这篇文章：npm详细介绍，里面详细介绍了为什么要使用 -g，以及 -g 的作用。

mac

方式一

代码语言：javascript复制
npm install -g yarn

如果有报： Please try running this command again as root/Administrator.，可能就是权限不足，因此你需要切换到最高权限去执行命令

代码语言：javascript复制
sudo -s
npm install yarn -g

方式二

使用另一种初始化脚本的方法，可能就会比较简单一些：

代码语言：javascript复制
curl -o- -L https://yarnpkg.com/install.sh | bash

Yarn 换源

使用 Yarn 来安装依赖时的体验比 Npm 要好很多；但是偶尔也会存在 Yarn 源仓库包下载不稳定的情况

代码语言：javascript复制
// 查看 yarn 配置
yarn config get registry
或者
yarn config list

> registry: 'https://registry.yarnpkg.com'

一、临时修改

代码语言：javascript复制
yarn add 软件名 --registry https://registry.npm.taobao.org/

二、全局修改，安装淘宝镜像

代码语言：javascript复制
yarn config set registry https://registry.npm.taobao.org

三、使用第三方软件快速修改、切换 yarn 镜像源 yrm （YARN registry manager） 不仅可以快速切换镜像源，还可以测试自己网络访问不同源的速度

代码语言：javascript复制
# 安装 yrm
npm install -g yrm

# 列出当前可用的所有镜像源
yrm ls

// npm -----  https://registry.npmjs.org/
// cnpm ----  http://r.cnpmjs.org/
// taobao --  https://registry.npm.taobao.org/
// nj ------  https://registry.nodejitsu.com/
// rednpm -- http://registry.mirror.cqupt.edu.cn
// skimdb -- https://skimdb.npmjs.com/registry
// yarn ----  https://registry.yarnpkg.com

# 使用淘宝镜像源
yrm use taobao

# 测试访问速度
yrm test taobao

Yarn 常用命令

  • npm install === yarn —— install安装是默认行为
  • npm install taco --save === yarn add taco —— taco包立即被保存到 package.json 中。
  • npm uninstall taco --save === yarn remove taco
  • npm install taco --save-dev === yarn add taco --dev
  • npm update --save === yarn upgrade
  • npm install taco@latest --save === yarn add taco
  • npm install taco --global === yarn global add taco —— 一如既往，请谨慎使用 global 标记。

注意：使用 yarn 或 yarn install 安装全部依赖时是根据 package.json 里的 dependencies 字段来决定的

  • npm init === yarn init
  • npm init --yes/-y === yarn init --yes/-y
  • npm link === yarn link
  • npm outdated === yarn outdated
  • npm publish === yarn publish
  • npm run === yarn run
  • npm cache clean === yarn cache clean
  • npm login === yarn login
  • npm test === yarn test

Yarn 独有的命令

  • yarn licenses ls —— 允许你检查依赖的许可信息
  • yarn licenses generate —— 自动创建依赖免责声明 license
  • yarn why taco —— 检查为什么会安装 taco，详细列出依赖它的其他包
  • yarn why vuepress —— 检查为什么会安装 vuepress，详细列出依赖它的其他包

特性

Yarn 除了让安装过程变得更快与更可靠，还添加了一些额外的特性，从而进一步简化依赖管理的工作流。

  • 同时兼容 npm 与 bower 工作流，并支持两种软件仓库混合使用
  • 可以限制已安装模块的协议，并提供方法输出协议信息
  • 提供一套稳定的共有 JS API，用于记录构建工具的输出信息
  • 可读、最小化、美观的 CLI 输出信息

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/141118.html原文链接：https://javaforall.cn

npm yarn javascript lodash node.js

0 人点赞