不光教女朋友学会了Yarn，还让她明白了Yarn与npm的区别

╰半夏微凉° 2023-05-22 10:29 4阅读 0赞

> 在进行正文之前，首先提供Yarn的三大网址，祝你练成Yarn功大法：[Yarn官网][Yarn]、[中文官网][Link 1]、[Yarn Github地址][Yarn Github]  
> 在安装Yarn之前，我们要确保已经成功安装了Node.js，关于Node.js的安装，可参考：[Node.js的安装][Node.js]

### Yarn的特点 ###

Yarn的中文官网是这样介绍的：

*  速度超快：  
    Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用`并行下载`以最大化资源利用率，因此安装速度更快。
 *  超级安全：  
    在`执行代码之前`，Yarn 会通过算法`校验`每个`安装包的完整性`。
 *  超级可靠：  
    使用详细、简洁的`锁文件格式`和`明确的安装算法`，Yarn 能够保证在不同系统上无差异的工作
 *  离线模式：  
    如果`以前安装过`某个包，再次安装时可以在`没有任何互联网连接`的情况下进行。
 *  确定性：  
    `不管`安装顺序如何，`相同`的依赖关系将在每台机器上以`相同`的方式安装。
 *  网络性能：  
    Yarn 有效地对请求进行`排队处理`，避免发起的请求如瀑布般倾泻，以便最大限度地利用网络资源。
 *  相同的软件包：  
    从 npm 安装软件包并保持`相同`的包管理流程。
 *  网络弹性：  
    `重试机制`确保单个请求失败并不会导致整个安装失败。
 *  扁平模式：  
    将依赖包的不同版本`归结`为单个版本，以`避免`创建多个副本。

看了以上这些特点，是不是感觉空气中充满着浓浓的香味，一股优雅的气息扑鼻而来。

### Yarn的安装 ###

**安装方式1：**

下载node.js，使用npm安装

npm i -g yarn  // 安装命令
    yarn --version     // 查看版本

成功后如下所示：  
![在这里插入图片描述][20200417175019444.png]

**安装方式2：**

下载yarn的安装程序:

此[下载地址][Link 2]中提供一个`.msi`文件，可根据自己的操作系统以及选择需要的版本号进行安装  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70]

**安装方式3：**

Yarn 淘宝源安装，依次复制以下代码，粘贴到命令提示行运行

yarn config set registry https://registry.npm.taobao.org -g
    yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

### Yarn与npm区别 ###

<table> 
 <thead> 
  <tr> 
   <th>Yarn</th> 
   <th>npm</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>npm init</td> 
   <td>yarn init</td> 
   <td>初始化</td> 
  </tr> 
  <tr> 
   <td>npm install</td> 
   <td>yarn install</td> 
   <td>安装依赖</td> 
  </tr> 
  <tr> 
   <td>npm install [package] --save</td> 
   <td>yarn add [package]</td> 
   <td>安装某个包</td> 
  </tr> 
  <tr> 
   <td>npm uninstall [package] --save</td> 
   <td>yarn remove [package]</td> 
   <td>移除包</td> 
  </tr> 
  <tr> 
   <td>npm install [package] --save-dev</td> 
   <td>yarn add [package] -dev</td> 
   <td>安装开发包</td> 
  </tr> 
  <tr> 
   <td>npm update [package] --save</td> 
   <td>yarn upgrade [package]</td> 
   <td>更新包</td> 
  </tr> 
  <tr> 
   <td>npm inatall [package] --global</td> 
   <td>yarn blobal add [package]</td> 
   <td>安装全局包</td> 
  </tr> 
  <tr> 
   <td>npm publish/login/logout</td> 
   <td>yarn publish/login/logout</td> 
   <td>发布/登录/退出（NPM Registry操作）</td> 
  </tr> 
  <tr> 
   <td>npm run/test</td> 
   <td>yarn run/test</td> 
   <td>运行某个命令</td> 
  </tr> 
  <tr> 
   <td>npm cache clean</td> 
   <td>yarn cache clean</td> 
   <td>清除缓存</td> 
  </tr> 
  <tr> 
   <td>npm rebuild</td> 
   <td>yarn install --force</td> 
   <td>重构包</td> 
  </tr> 
  <tr> 
   <td>rm -rf node_modules &amp;&amp; npm install</td> 
   <td>yarn upgrade</td> 
   <td>删掉node_modules重新安装</td> 
  </tr> 
  <tr> 
   <td>不适用</td> 
   <td>yarn install --flat</td> 
   <td>安装一个包的单一版本</td> 
  </tr> 
  <tr> 
   <td>不适用</td> 
   <td>yarn install --har</td> 
   <td>安装一个包的单一版本</td> 
  </tr> 
  <tr> 
   <td>不适用</td> 
   <td>yarn install --pure-lockfile</td> 
   <td>不生成yarn.lock</td> 
  </tr> 
  <tr> 
   <td>不适用</td> 
   <td>yarn add [package] --peer</td> 
   <td>加到 peerDependencies</td> 
  </tr> 
  <tr> 
   <td>不适用</td> 
   <td>yarn add [package] --tilde</td> 
   <td>安装包的次要版本里的最新版</td> 
  </tr> 
 </tbody> 
</table>

### Yarn的常用命令 ###

*  安装yarn

npm i -g yarn

*  安装成功之后，查看版本号：

yarn --version

*  创建文件夹

md [文件夹名]

*  进入文件夹

cd [文件夹名]

*  初始化一个新项目

yarn init // 类似npm init，执行输入信息后，会生成package.json文件

*  安装项目的全部依赖

yarn

或者

yarn install

*  配置：

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

*  安装包：

yarn install //安装package.json里所有包，并将包及它的所有依赖项保存进yarn.lock
    yarn install --flat //安装一个包的单一版本
    yarn install --force //强制重新下载所有包
    yarn install --production //只安装dependencies里的包
    yarn install --no-lockfile //不读取或生成yarn.lock
    yarn install --pure-lockfile //不生成yarn.lock

*  添加包（会更新package.json和yarn.lock）：

1.  添加依赖包

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

1.  将依赖项添加到不同依赖项类别中（分别添加到 devDependencies、peerDependencies 和 optionalDependencies 类别中：）

// 加到 devDependencies
    yarn add --dev/-D 
    // 加到 peerDependencies
    yarn add --peer/-P 
    // 加到 optionalDependencies
    yarn add --optional/-O 
    
    //默认安装包的主要版本里的最新版本，以下两个命令可以指定版本：
    yarn add --exact/-E // 安装包的精确版本。例：yarn add foo@1.2.3会接受1.9.1版，但是yarn add foo@1.2.3 --exact只会接受1.2.3版
    yarn add --tilde/-T // 安装包的次要版本里的最新版。例如yarn add foo@1.2.3 --tilde会接受1.2.9，但不接受1.3.0

*  发布包

yarn publish

*  移除一个包

yarn remove <packageName> // 移除一个包，会自动更新package.json和yarn.lock

*  升级依赖包

//用于更新包到基于规范范围的最新版本
    yarn upgrade [package]      
    // 升级到指定版本，这里指的是主要版本，如果需要精确到小版本，使用-E参数
    yarn upgrade [package]@[version]
    // 升级到某个tag
    yarn upgrade [package]@[tag]

*  运行脚本

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

*  显示某个包的信息

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

*  缓存

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

*  列出项目的所有依赖

yarn list //列出当前项目的依赖
        yarn list --depth=0 //限制依赖的深度
        sudo yarn global list //列出全局安装的模块

【扩展】  
Yarn发布于2016年10月，截止目前[Yarn Github][]上迅速拥有了3.8万个Star。而[npm GitHub][]截止目前只有1.7万个Star。

[Yarn]: https://yarnpkg.com/
[Link 1]: https://yarn.bootcss.com/
[Yarn Github]: https://github.com/yarnpkg/yarn
[Node.js]: https://huangfuyk.blog.csdn.net/article/details/105028164
[20200417175019444.png]: /images/20230521/f0d8da05c4604bbd90cc70b55fc70a17.png
[Link 2]: https://yarn.bootcss.com/docs/install/#windows-stable
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70]: /images/20230521/985f14e23f394ea88190a203a4a1abb4.png
[npm GitHub]: https://github.com/npm/npm