概述
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
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
最后
以上就是笨笨小刺猬为你收集整理的3分钟看完前端进阶——yarn VS npm的全部内容,希望文章能够帮你解决3分钟看完前端进阶——yarn VS npm所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复