3分钟看完前端进阶——yarn VS npm

npm想必你们都知道，并且用的很是熟练了。
按照以往习惯，咱们上来就是

npm install xxx   //添加项目依赖包
...
npm start         //运行项目
复制代码

而今天咱们主角是——Yarn，一个新的依赖包管理工具，它的用法和npm很是相似，请看

yarn add xxx   //添加项目依赖包
...
yarn start     //运行项目
复制代码

也许有人会问了，这npm能干的活，为啥yarn要抢它的饭碗呢？咱们进入正题！

什么是Yarn

Yarn的官方文档：yarn.bootcss.com/
Yarn的github地址：github.com/yarnpkg/yar…
简单来讲，Yarn是由Facebook发布的一款新的JS依赖包管理工具，正如官网所说："快速、可靠、安全的依赖管理工具。"

为何用Yarn

我以为，最直观的感觉就是速度快
yarn的速度嘛，能够说是秒杀npm啦。用过npm就知道，不只下载速度慢，并且有时候中途会出错！！没法忍受真的是o(╥﹏╥)o
说说yarn的下载特色

• yarn在下载包时，会缓存每一个下载过的包，因此再次使用时无需重复下载。
• yarn利用了并行下载的特色(可同时下载多个包)，以最大化资源利用率，所以安装速度更快。

固然yarn还有不少优势，咱们看看官网说的吧

因此，你还在等什么？！

上干货！

安装yarn

npm install yarn -g

安装完后就能够像npm同样当即使用它的命令

这是经常使用的yarn命令

yarn	npm	说明
yarn init	npm init	初始化项目，生成package.json文件
yarn add 模块名	npm install 模块名 --save	在本目录下添加项目的依赖包，并在package.json下写入配置
yarn global add 模块名	npm install 模块名 -g	在全局下添加项目的依赖包
yarn add 模块名 --dev	npm install 模块名 --save-dev	在本目录下添加某个开发时依赖包
yarn remove 模块名	npm uninstall 模块名	移除本目录下指定的项目依赖包
yarn upgrade 模块名	npm update 模块名 --save	更新本目录下指定的项目依赖包

细节：

• 全局安装&普通安装
  普通安装(不带global或-g)，安装的地址在本目录下，只能在这个目录下使用这些模块文件
  全局安装，安装的目录在全局的目录下，安装后能够在任意目录下使用
• -dev
  dev是开发版的意思，是咱们在开发时须要用的版本。好比项目中使用的gulp，压缩css、js的模块。这些模块在咱们开发完毕，项目部署后是不须要的，因此咱们可使用 -save-dev 的形式安装。像express 这些模块是项目运行必备的，因此咱们应该使用-save的形式安装。

总结

经过以上的对比，yarn确实更具优点。若是你对yarn感兴趣，或是被npm下载速度给坑惨了，不妨试一试，相信这篇文章或多或少会对你有点帮助吧。(*￣︶￣)