npm和yarn的区别

前言

看到字节的一个面试题npm和yarn不一样吗？对于这个问题,我第一反应就是肯定不一样，在执行包的下载安装时，npm是按照队列，必须要等到上一个包 下载安装完成之后，才能继续后面包的下载安装。而yarn 是所有包都下载完了再统一安装。
但肯定不止这点不同，于是乎去查了下相关资料，总结以下几点：

1.yarn的速度快。

并行安装：npm和 yarn 在执行包的安装时，都会执行一系列任务。npm 是按照队列执行每个 package，必须要等到当前 package 安装完成之后，才能继续后面的安装。而yarn 是同步执行所有任务，提高了性能。

离线模式：如果之前已经安装过一个软件包，用yarn再次安装时之间从缓存中获取，就不用像npm那样再从网络下载了。

安装版本统一: 为了防止拉取到不同的版本，yarn 有一个锁定文件 记录了被确切安装上的模块的版本号。每次只要新增了一个模块，yarn 就会创建（或更新）yarn.lock 这个文件,每一次拉取同一个项目依赖时，使用的都是一样的模块版本;npm 其实也有办法实现处处使用相同版本的 packages，但需要开发者执行 npm shrinkwrap 命令,通过 shrinkwrap 命令生成 npm-shrinkwrap.json 文件，只有当这个文件存在的时候，packages 版本信息才会被记录和更新。

2.更简洁的输出。

npm 的输出信息比较冗长。在执行 npm install 的时候，命令行里会不断地打印出所有被安装上的依赖。相比之下，yarn 简洁太多：默认情况下，结合了 emoji直观且直接地打印出必要的信息，也提供了一些命令供开发者查询额外的安装信息。

3.多注册来源处理。

所有的依赖包，不管他被不同的库间接关联引用多少次，安装这个包时，只会从一个注册来源去装，要么是 npm 要么是 bower, 防止出现混乱不一致。

4.更好的语义化。

yarn改变了一些npm命令的名称，比如 yarn add/remove，感觉上比 npm 原本的 install/uninstall 要更清晰。

yarn和npm命令对比

npm	yarn
npm install	yarn
npm install react --save	yarn add react
npm uninstall react --save	yarn remove react
npm install react --save-dev	yarn add react --dev
npm update --save	yarn upgrade