npm和yarn的区别，咱们该如何选择?

首先，这两个都属于js包管理工具，均可以安装包或者模块
yarn 是由facebook、google等联合开发推出的
区别：

npm 下载包的话 好比npm install
它是按照包的排序，也就是队列挨个下载，一个下载完成后，再下载另外一个
yarn是将要下载的包进行同时下载
yarn 在下载模块或包时，命令行输出的信息更加简洁
npm版本5.0 以后，会自带package.lock.json 文件，该文件主要描述了你项目中安装的包都是哪个版本，你再进行npm install 的话，会安装指定版本的包。
yarn 一直都有lock 文件，功能和npm 的package.lock.json差很少。
命令不一样
npm install == yarn
npm isntall vue == yarn add vue
npm uninstall vue == yarn remove vue
npm update == yarn upgrade

按照以往，个人步骤都是：

git clone xxx
npm install
npm run dev

这时，JJ给我来了下面一段

git clone xxx
yarn
yarn start

“咦，yarn是什么鬼？难道npm更高级的替代品？为何要替代npm？难道有什么好的地方？”，心里一连串的问题冒出来。我就默默的问了一下JJ：“yarn是跟npm同样的东西吗？”，“嗯。”JJ忙碌的敲着键盘，显然这个问题不值得继续问下去了。我也默默的把刚才脑子里一连串的问题记了下来。

Yarn是什么？

“Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ，正如官方文档中写的，Yarn 是为了弥补 npm 的一些缺陷而出现的。”这句话让我想起了使用npm时的坑了：

• npm install的时候巨慢。特别是新的项目拉下来要等半天，删除node_modules，从新install的时候依旧如此。
• 同一个项目，安装的时候没法保持一致性。因为package.json文件中版本号的特色，下面三个版本号在安装的时候表明不一样的含义。

"5.0.3",
"~5.0.3",
"^5.0.3"

“5.0.3”表示安装指定的5.0.3版本，“～5.0.3”表示安装5.0.X中最新的版本，“^5.0.3”表示安装5.X.X中最新的版本。这就麻烦了，经常会出现同一个项目，有的同事是OK的，有的同事会因为安装的版本不一致出现bug。

• 安装的时候，包会在同一时间下载和安装，中途某个时候，一个包抛出了一个错误，可是npm会继续下载和安装包。由于npm会把全部的日志输出到终端，有关错误包的错误信息就会在一大堆npm打印的警告中丢失掉，而且你甚至永远不会注意到实际发生的错误。

带着这些坑，我开始了解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和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

npm的将来：npm5.0

有了yarn的压力以后，npm作了一些相似的改进。

1. 默认新增了相似yarn.lock的 package-lock.json；
2. git 依赖支持优化：这个特性在须要安装大量内部项目（例如在没有自建源的内网开发），或须要使用某些依赖的未发布版本时颇有用。在这以前可能须要使用指定 commit_id 的方式来控制版本。
3. 文件依赖优化：在以前的版本，若是将本地目录做为依赖来安装，将会把文件目录做为副本拷贝到 node_modules 中。而在 npm5 中，将改成使用建立 symlinks 的方式来实现（使用本地 tarball 包除外），而再也不执行文件拷贝。这将会提高安装速度。目前yarn还不支持。

总结

在npm5.0以前，yarn的优点特别明显。可是在npm以后，经过以上一系列对比，咱们能够看到 npm5 在速度和使用上确实有了很大提高，值得尝试，不过尚未超过yarn。

综上我我的的建议是若是你已经在我的项目上使用 yarn，而且没有遇到更多问题，目前彻底能够继续使用。但若是有兼容 npm 的场景，或者身处在使用 npm，cnpm，tnpm 的团队，以及尚未切到 yarn 的项目，那如今就能够试一试 npm5 了。

参考文章

原文：https://blog.csdn.net/weixin_39458031/article/details/86254375
原文连接：https://www.jianshu.com/p/254794d5e741