yarn和npm

yarn是什么？

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

 

npm的缺陷：

npm install的时候巨慢，新的项目拉下来要等半天
同一个项目，安装的时候无法保持一致性。由于package.json文件中依赖包版本号的特点，有时会由于安装版本不一致出现bug
安装的时候，包会在同一时间下载和安装，中途某个时候，一个包抛出了一个错误，但是npm会继续下载和安装包。因为npm会把所有的日志输出到终端中，有关错误包的错误信息就会在一大堆npm打印的警告中丢失掉，并且你甚至永远不会注意到实际发生的错误

 

yarn的优点：

速度快：

并行安装：npm是按照队列执行每一个包，也就是必须等到当前包安装完成之后才能继续后面的安装。而yarn是并行执行所有任务，提高了性能
离线模式：如果之前已经安装过一个软件包，用yarn再次安装时会从缓存中获取，就不用像npm那样再从网络下载了

安装版本统一：

为了防止拉取到不同的版本，yarn有一个锁定文件（lock file）记录了被确切安装上的模块的版本号。每次只要新增了一个模块，yarn就会创建（或更新）yarn.lock 这个文件。这么做就保证了每一次拉取同一个项目依赖时，使用的都是一样的模块版本。npm其实也有办法实现处处使用相同版本的包，但需要开发者执行 npm shrinkwrap 命令。

更简洁的输出：

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

多注册来源处理：

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

更好的语义化：

yarn改变了一些npm命令的名称，比如 yarn add/remove

 

npm和yarn命令对比

npm 　　　　　　　　　　yarn
npm init 　　　　　　　　yarn init
npm init -y 　　　　　　　　yarn init -y
npm install 　　　　　　　　yarn
npm install xxx 　　　　　　yarn add xxx
npm install --global xxx 　　yarn global add xxx
npm uninstall xxx 　　　　yarn remove xxx
npm install xxx@版本号 　　yarn add xxx@版本号
npm install xxx --save 　　yarn add xxx
npm install xxx --save-dev yarn add xxx --dev
npm update --save　　　　 yarn upgrade
npm run 　　　　　　　　　　yarn run
npm run xxx 　　　　　　　　yarn run xxx
npm run dev 　　　　　　　　yarn dev

 

 

yarn命令

文档：https://classic.yarnpkg.com/en/docs

Starting a new project This will open up an interactive form for creating a new yarn project with the following questions: name (your-project): version (1.0.0): description: entry point (index.js): git repository: author: license (MIT): You can type answers for each of these or you can just hit enter/return to use the default or leave it blank.	yarn init
Adding dependency	yarn add [package] yarn add [package]@[version] yarn add [package]@[tag]
Adding a dependency to different categories of dependencies Add to devDependencies,peerDependencies,and optionalDependencies respectively(分别的)	yarn add [package] --dev yarn add [package] --peer yarn add [package] --optional
Upgrading a dependency	yarn add [package] yarn add [package]@[version] yarn add [package]@[tag]
Removing a dependency	yarn remove [package]
Installing all the dependencies of project	yarn    or yarn install

 

CLI commands comparison

 

npm (v5)	Yarn
npm install	yarn add
(N/A)	yarn add --flat
(N/A)	yarn add --har
npm install --no-package-lock	yarn add --no-lockfile
(N/A)	yarn add --pure-lockfile
npm install [package] --save	yarn add [package]
npm install [package] --save-dev	yarn add [package] --dev
(N/A)	yarn add [package] --peer
npm install [package] --save-optional	yarn add [package] --optional
npm install [package] --save-exact	yarn add [package] --exact
(N/A)	yarn add [package] --tilde
npm install [package] --global	yarn global add [package]
npm update --global	yarn global upgrade
npm rebuild	yarn add --force
npm uninstall [package]	yarn remove [package]
npm cache clean	yarn cache clean [package]
rm -rf node_modules && npm install	yarn upgrade
npm version major	yarn version --major
npm version minor	yarn version --minor
npm version patch	yarn version --patch