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下载速度给坑惨了,不妨试一试,相信这篇文章或多或少会对你有点帮助吧。(* ̄︶ ̄)


作者:酱菜豪
链接:https://juejin.im/post/5bbb1bcdf265da0a8930496d
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

猜你喜欢

转载自blog.csdn.net/sinat_17775997/article/details/89040026
今日推荐