萝卜青菜各有所爱------npm和yarn

朴灿烈づ我的快乐病毒、 2023-02-25 02:24 1阅读 0赞

### 前言 ###

为什么要写这篇文章呢，首先我在以前的公司（实习期间）一直在用npm，当然也知道有yarn这个东西，就是没用过。

来了新公司以后就开始用yarn啦，接下来让我们看一下他们之间的比较吧！

### Yarn的优点？ ###

*  **速度快** 。速度快主要来自以下两个方面：

1.  并行安装：无论 npm 还是 Yarn 在执行包的安装时，都会执行一系列任务。npm 是按照队列执行每个 package，也就是说必须要等到当前 package 安装完成之后，才能继续后面的安装。而 Yarn 是同步执行所有任务，提高了性能。
2.  离线模式：如果之前已经安装过一个软件包，用Yarn再次安装时之间从缓存中获取，就不用像npm那样再从网络下载了。

*  安装**版本统一**：为了防止拉取到不同的版本，Yarn 有一个锁定文件 (lock file) 记录了被确切安装上的模块的版本号。每次只要新增了一个模块，Yarn 就会创建（或更新）yarn.lock 这个文件。这么做就保证了，每一次拉取同一个项目依赖时，使用的都是一样的模块版本。npm 其实也有办法实现处处使用相同版本的 packages，但需要开发者执行 npm shrinkwrap 命令。这个命令将会生成一个锁定文件，在执行 npm install 的时候，该锁定文件会先被读取，和 Yarn 读取 yarn.lock 文件一个道理。npm 和 Yarn 两者的不同之处在于，Yarn 默认会生成这样的锁定文件，而 npm 要通过 shrinkwrap 命令生成 npm-shrinkwrap.json 文件，只有当这个文件存在的时候，packages 版本信息才会被记录和更新。
 *  **更简洁的输出**：npm 的输出信息比较冗长。在执行 npm install <package> 的时候，命令行里会不断地打印出所有被安装上的依赖。相比之下，Yarn 简洁太多：默认情况下，结合了 emoji直观且直接地打印出必要的信息，也提供了一些命令供开发者查询额外的安装信息。
 *  **多注册来源处理：**所有的依赖包，不管他被不同的库间接关联引用多少次，安装这个包时，只会从一个注册来源去装，要么是 npm 要么是 bower, 防止出现混乱不一致。
 *  **更好的语义化**： yarn改变了一些npm命令的名称，比如 yarn add/remove，感觉上比 npm 原本的 install/uninstall 要更清晰。

### yarn的安装 ###

下载node.js，使用npm安装

npm install -g yarn
    查看版本：yarn --version

当然还有其他的安装方法，我这里是最简单的。

### Yarn和npm命令对比 ###

<table> 
 <thead> 
  <tr> 
   <th>npm</th> 
   <th>yarn</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>npm install</td> 
   <td>yarn</td> 
  </tr> 
  <tr> 
   <td>npm install react --save</td> 
   <td>yarn add react</td> 
  </tr> 
  <tr> 
   <td>npm uninstall react --save</td> 
   <td>yarn remove react</td> 
  </tr> 
  <tr> 
   <td>npm install react --save-dev</td> 
   <td>yarn add react --dev</td> 
  </tr> 
  <tr> 
   <td>npm update --save</td> 
   <td>yarn upgrade</td> 
  </tr> 
 </tbody> 
</table>

### 总结 ###

目前在公司正在使用 yarn，并且没有遇到更多问题，我们时时刻刻都要学习新的技术，不断进步，后续我还会写一些其他的比较，都是我们在工作中经常遇到的，所以希望大家点个关注，谢谢啦！