我是靠谱客的博主 笨笨小刺猬,最近开发中收集的这篇文章主要介绍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命令

yarnnpm说明
yarn initnpm init初始化项目,生成package.json文件
yarn add 模块名npm install 模块名 --save在本目录下添加项目的依赖包,并在package.json下写入配置
yarn global add 模块名npm install 模块名 -g在全局下添加项目的依赖包
yarn add 模块名 --devnpm 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
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

最后

以上就是笨笨小刺猬为你收集整理的3分钟看完前端进阶——yarn VS npm的全部内容,希望文章能够帮你解决3分钟看完前端进阶——yarn VS npm所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(65)

评论列表共有 0 条评论

立即
投稿
返回
顶部