yarn 理解

你的名字 2023-01-17 08:52 81阅读 0赞

## 一、官网指引 ##

**英文官网：**[Yarn英文官网][Yarn]

**中文文档：**[Yarn中文文档][Yarn 1]

## 二、Yarn 介绍 ##

Yarn 是 Facebook, Google, Exponent 和 Tilde 开发的一款新的 JavaScript 包管理工具。 你可以通过它使用全世界开发者的代码，或者分享自己的代码。代码通过包（package）（或者称为模块（module））的方式来共享。 一个包里包含所有需要共享的代码，以及描述包信息的文件，称为package.json。它的优点是更快、更安全、更可靠。它的主要特性有离线模式、确定性、网络性能、多注册、网络恢复能力、扁平模式以及 Emoji。

## 三、Yarn 的优点 ##

**快速：**Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快。

**可靠：**使用详细、简洁的锁文件格式和明确的安装算法，Yarn 能够保证在不同系统上无差异的工作。

**安全：**在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。

## 四、window 系统安装 Yarn ##

**【1】下载安装包安装**

[点我下载Yarn安装包][Yarn 2]，你将下载到一个 .msi 文件，当它运行时会指引你将 Yarn 安装到 Windows 上。如果你使用此安装程序，需要先安装 [Node.js][]。

**【2】通过Chocolatey安装**

[Chocolatey][] 是一个 Windows 专用的软件包管理工具。 请按照此 [说明][Link 1] 安装 Chocolatey 。安装 Chocolatey 之后，你就可以在控制台执行如下命令安装 Yarn 了

choco install yarn

**【3】通过 Scoop 安装**

[Scoop][] 是一个用于 Windows 的基于命令行的安装工具。 请按照此 [说明][Link 2] 安装 Scoop 。Scoop 安装后，你就可以在控制台执行如下命令安装 Yarn 了

scoop install yarn

## 五、Linux系统安装 Yarn ##

**【1】官网脚本执行一键安装**

curl -o- -L https://yarnpkg.com/install.sh | bash -s -- --nightly

**【2】通过npm安装**

npm install -g yarn

**【3】安装成功后查看版本**

yarn --version

![820e7dcc79be0902eac16ac4979b79e7.png][]

## 六、Yarn 常用命令 ##

**【1】初始化新项目**

yarn init

**【2】添加依赖包**

yarn add [package] // 会自动安装最新版本，会覆盖指定版本号
    yarn add [package] [package] [package] // 一次性添加多个包
    yarn add [package]@[version] // 添加指定版本的包
    yarn add [package]@[tag] // 安装某个tag（比如beta,next或者latest）

**【3】将依赖项添加到不同依赖项类别**

不指定依赖类型默认安装到dependencies里，你也可以指定依赖类型分别添加到 devDependencies、peerDependencies 和 optionalDependencies

yarn add [package] --dev 或 yarn add [package] -D // 加到 devDependencies
    yarn add [package] --peer 或 yarn add [package] -P // 加到 peerDependencies
    yarn add [package] --optional 或 yarn add [package] -O // 加到 optionalDependencies

**【4】升级依赖包**

yarn upgrade [package] // 升级到最新版本
    yarn upgrade [package]@[version] // 升级到指定版本
    yarn upgrade [package]@[tag] // 升级到指定tag

**【5】移除依赖包**

yarn remove [package] // 移除包

**【6】安装package.json里的包依赖，并将包及它的所有依赖项保存进yarn.lock**

yarn 或 yarn install // 安装所有依赖
    yarn install --flat // 安装一个包的单一版本
    yarn install --force // 强制重新下载所有包
    yarn install --production // 只安装生产环境依赖

**【7】发布包**

yarn publish

**【8】运行脚本**

yarn run // 用来执行在 package.json 中 scripts 属性下定义的脚本

**【9】显示某个包的信息**

yarn info [package] // 可以用来查看某个模块的最新版本信息

**【10】缓存**

yarn cache
    yarn cache list // 列出已缓存的每个包
    yarn cache dir // 返回全局缓存位置
    yarn cache clean // 清除缓存

## 七、yarn 和 npm 命令对比 ##

<table> 
 <thead> 
  <tr> 
   <th>NPM</th> 
   <th>Yarn</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>npm init</td> 
   <td>yarn init</td> 
   <td>初始化某个项目</td> 
  </tr> 
  <tr> 
   <td>npm install/link</td> 
   <td>yarn install/link</td> 
   <td>默认安装依赖</td> 
  </tr> 
  <tr> 
   <td>npm install taco --save</td> 
   <td>yarn add taco</td> 
   <td>安装某个依赖并默认保存到package</td> 
  </tr> 
  <tr> 
   <td>npm uninstall taco --save</td> 
   <td>yarn remove taco</td> 
   <td>移除某个依赖</td> 
  </tr> 
  <tr> 
   <td>npm install taco --save -dev</td> 
   <td>yarn add taco -dev</td> 
  </tr> 
  <tr> 
   <td>安装某个开发时的依赖</td> 
  </tr> 
  <tr> 
   <td>npm update taco --save</td> 
   <td>yarn upgrade taco</td> 
   <td>更新某个依赖项目</td> 
  </tr> 
  <tr> 
   <td>npm install taco --global</td> 
   <td>yarn global add taco</td> 
   <td>安装某个全局依赖项目</td> 
  </tr> 
  <tr> 
   <td>npm publish/login/logout</td> 
   <td>yarn publish/login/logout</td> 
   <td>发布/登录/退出</td> 
  </tr> 
  <tr> 
   <td>npm run/test</td> 
   <td>yarn run/test</td> 
   <td>运行某个命令</td> 
  </tr> 
 </tbody> 
</table>

作者：dingFY  
链接：https://www.jianshu.com/p/919bdd2c5162  
来源：简书  
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

[Yarn]: https://links.jianshu.com/go?to=https%3A%2F%2Fclassic.yarnpkg.com%2Fen%2Fdocs%2Finstall%23windows-stable
[Yarn 1]: https://links.jianshu.com/go?to=https%3A%2F%2Fyarn.bootcss.com%2F
[Yarn 2]: https://links.jianshu.com/go?to=https%3A%2F%2Fclassic.yarnpkg.com%2Flatest.msi
[Node.js]: https://links.jianshu.com/go?to=https%3A%2F%2Fnodejs.org%2F
[Chocolatey]: https://links.jianshu.com/go?to=https%3A%2F%2Fchocolatey.org%2F
[Link 1]: https://links.jianshu.com/go?to=https%3A%2F%2Fchocolatey.org%2Finstall
[Scoop]: https://links.jianshu.com/go?to=http%3A%2F%2Fscoop.sh%2F
[Link 2]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Flukesampson%2Fscoop%2Fwiki%2FQuick-Start
[820e7dcc79be0902eac16ac4979b79e7.png]: /images/20221021/c5296a3def904ef99bfc5d59a72a2618.png