引入

最近在实习，公司用的项目框架是Ant+React，这个以后有时间详讲一下。
我看项目文档，公司用的包管理工具是yarn，我怀着好奇就学习一下npm和yarn两者的区别，看看用哪个~

yarn是什么？

官方文档的描述：“Yarn 是一个软件包管理器，还可以作为项目管理工具。无论你是小型项目还是大型单体仓库（monorepos），无论是业余爱好者还是企业用户，Yarn 都能满足你的需求。”
他是在npm的基础上的改进的开源项目，弥补了npm的很多缺陷~

yarn的优点？

• 速度快

1. yarn采用并行安装：无论 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安装的时候，永远会有各种各样的警告，提示你版本问题等等，总担心下载版本不兼容报错，yarn默认只会打印必要的信息。
• 多注册来源处理
  所有的依赖包，不管他被不同的库间接关联引用多少次，安装这个包时，只会从一个注册来源去装，要么是 npm 要么是 bower, 防止出现混乱不一致。
• 开源环境支持第三方插件
  我看官方文档说是可以支持即插即用的第三方插件，不知道现在的npm支不支持。

npm和yarn的对比

现在的npm5在yarn出来之后做了很多改良，虽然速度上还比不上yarn，但目前为止仍是世界上最大的软件注册表，而且对于我个人npm用习惯了，改yarn也需要一段时间适应呢~
还有就是用vue框架的用npm习惯一点，用React框架好多都转战yarn了，同学自己选择吧~

参考

yarn官方中文文档
npm官方中文文档
npm使用教程