Yarn 安装与使用教程

一、官网指引

英文官网：Yarn英文官网

中文文档：Yarn中文文档

二、Yarn 介绍

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

三、Yarn 的优点

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

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

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

四、window 系统安装 Yarn

【1】下载安装包安装

点我下载Yarn安装包，你将下载到一个 .msi

文件，当它运行时会指引你将 Yarn 安装到 Windows 上。如果你使用此安装程序，需要先安装 Node.js。

【2】通过Chocolatey安装

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

choco install yarn

【3】通过 Scoop 安装

Scoop 是一个用于 Windows 的基于命令行的安装工具。 请按照此 说明 安装 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

​

六、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 命令对比

文章每周持续更新，可以微信搜索「 前端大集锦 」第一时间阅读，回复【视频】【书籍】领取200G视频资料和30本PDF书籍资料

​​​