关于NPM和YARN区别

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

前言

提示：这里可以添加本文要记录的大概内容：

“yarn是跟npm一样的东西吗？我们都知道npm和yarn默认镜像在国外，国内访问这些镜像速度会比较慢，本文就介绍了npm和yarn的基础内容。

提示：以下是本篇文章正文内容，下面案例可供参考

一、npm 简介

npm是一个包管理器，它让 javascript 开发者分享、复用代码更方便.在程序开发中我们常常需要依赖别人提供的框架，写js 也不例外。这些可以重复的框架代码被称作包(package)或者模块(module)，一个包可以是一个文件夹里放着几个文件，同时有一个叫做 package.json的文件。

npm（node package manager）：node.js 的包管理器，用于node插件管理（包括安装、卸载、管理依赖等） ，npm 是随同 node.js 一起安装的包管理工具，能解决 node.js 代码部署上的很多问题，常见的使用场景有以下几种：
1.允许用户从 npm 服务器下载别人编写的第三方包到本地使用。
允许用户从 npm 服务器下载并安装别人编写的命令行程序到本地使用。
允许用户将自己编写的包或命令行程序上传到 npm 服务器供别人使用。

npm 的缺陷：npm install 下载速度慢，重新 install 时速度依旧慢。
同一个项目，安装的无法保持一致性。原因是因为 package.json 文件中版本号的特点导致的，下面三个版本号在安装的时候代表不同的含义。
“5.0.3” # 表示安装指定的5.0.3版本
“~5.0.3” # 表示安装5.0.X中最新的版本
“^5.0.3” # 表示安装5.X.X中最新的版本

使用 npm 安装多个 js 包时，包会在同一时间下载和安装。安装过程中，其中一个包抛出了一个异常，但 npm 会继续安装其他包，所以错误信息就会在一大堆提示信息中丢失掉，以至于直到执行前，都不会发现实际发生的错误。

二、Yarn 介绍

yarn 是由 Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具，yarn 是为了弥补 npm 的一些缺陷而出现的。

Yarn 优点
1.速度快 。速度快主要来自以下两个方面：

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

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

4.安装版本统一：为了防止拉取到不同的版本，Yarn 有一个锁定文件 (lock file) 记录了被确切安装上的模块的版本号。每次只要新增了一个模块，Yarn 就会创建（或更新）yarn.lock 这个文件。这么做就保证了，每一次拉取同一个项目依赖时，使用的都是一样的模块版本。npm 其实也有办法实现处处使用相同版本的 packages，但需要开发者执行 npm shrinkwrap 命令。这个命令将会生成一个锁定文件，在执行 npm install 的时候，该锁定文件会先被读取，和 Yarn 读取 yarn.lock 文件一个道理。npm 和 Yarn 两者的不同之处在于，Yarn 默认会生成这样的锁定文件，而 npm 要通过 shrinkwrap 命令生成 npm-shrinkwrap.json 文件，只有当这个文件存在的时候，packages 版本信息才会被记录和更新。

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

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

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

三、npm和yarn使用步骤

1.安装

安装淘宝镜像：
yarn config set registry ‘https://registry.npm.taobao.org’
npm install -g cnpm --registry=http://registry.npm.taobao.org

代码如下（示例）：
全局安装:
npm install xxx -g
yarn global add xxx

2.命令区别

代码如下（示例）：

yarn常用命令

安装yarn命令: npm install -g yarn

查看版本号yarn version

初始化项目yarn init , 根据提示输入项目相关信息即可。

查看全部配置项 yarn config list

显示某配置项yarn config get

删除某配置项yarn config delete

设置配置项yarn config set [-g|–global]

安装包命令：yarn install ，该命令会根据packge.json文件安装依赖包，生成node_modules文件夹。

强制重新下载所有包 yarn install --force

添加包yarn add [package]，该命令会自动更新package.json和yarn.lock

删除包yarn remove 该命令会自动更新package.json和yarn.lock

发布包yarn publish

查看缓存yarn cache

运行脚本yarn run 该命令执行在 package.json 中 scripts 属性下定义的脚本。

yarn build 该命令将源码编译成dist目录下发行文件。

总结

通过以上一系列对比，我们可以看到 yarn的优势特别明显，不过npm还没有超过yarn，如果你已经在个人项目上使用 yarn，并且没有遇到更多问题，目前完全可以继续使用。但如果有兼容 npm 的场景，或者身处在使用 npm，cnpm的团队，以及还没有切到 yarn 的项目，那现在就可以试一试 npm了。