yarn vs npm

npm:

cnpm:

yarn:

啥都别说了，以后改用yarn。

npm介绍：

npm文档：https://docs.npmjs.com/about-npm
中文文档：https://www.npmjs.cn/

npm坑：

1、npm install 的时候巨慢。特别是新的项目拉下来要等半天，删除 node_modules，重新 install 的时候依旧如此。

2、同一个项目，安装的时候无法保持一致性。由于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。

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

cnpm：

大家都知道国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。
淘宝 NPM 镜像是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。

你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

npm install -g cnpm --registry=https://registry.npm.taobao.org

使用方法基本与npm一致：

cnpm install

有些时候npm下载出错的用cnpm也能下载，但有时候两个都下载不了，如上图情况，这时候换用yarn就可以了，听说还有pnmp，等哪天试了再补充上来。
目前对我来说：npm < cnpm < yarn。

yarn介绍：

1、离线下载：Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 如果您之前下载了软件包，则可以在没有任何互联网连接的情况下安装。

2、速度更快：同时利用并行下载以最大化资源利用率，因此安装速度更快。单个请求失败不会导致安装失败。 请求在失败时会自动重试。

3、在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。

4、使用详细、简洁的 锁文件 (lock file，默认生成，记录了被确切安装上的模块的版本号) 格式和明确的安装算法，每一次拉取同一个项目依赖时，使用的都是一样的模块版本。基于此，Yarn 能够保证在不同系统上无差异的工作。
ps：npm 其实也有办法实现处处使用相同版本的 packages，但需要开发者执行 npm shrinkwrap 命令。这个命令将会生成一个锁定文件(npm-shrinkwrap.json)，在执行 npm install 的时候，该锁定文件会先被读取，和 Yarn 读取 yarn.lock 文件一个道理。然而，即使存在npm-shrinkwrap.json这个文件，npm也只会锁定库的版本，而不是库的内容。即便npm现在也能阻止用户多次重复发布库的同一版本，但是npm管理员仍然具有强制更新某些库的权力。

5、更简洁的输出：
npm会把所有的日志输出到终端，有关错误包的错误信息就会在一大堆npm打印的警告中丢失掉，并且你甚至永远不会注意到实际发生的错误。
相比之下，Yarn 简洁太多：默认情况下，结合了 emoji 直观且直接地打印出必要的信息，也提供了一些命令供开发者查询额外的安装信息。

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

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

安装：

npm install -g yarn

中文文档：
https://yarn.bootcss.com/docs/

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