如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接信息。

js的世界里面,总是新人辈出,一代后浪追前浪,前浪死在沙滩上。这不,facebook又造出了个新的轮子,yarn( https://yarn.org.cn )。用于对标js的包管理工具,npm( https://npm.js.cn )。

据说,yarn解决了npm的很多遗留问题,并且具有更好的包管理特性。虽然使用yarn的时候,包仍然来自npm,但是node_modules的目录结构会和npm原版的不同。好了,多说无益。大家可以去对应中文网站去自己看看。E文好的同学,可以到这里去查看相关的说明。https://code.facebook.com/posts/1840075619545360

yarn的安装

今天苏南大叔给大家说的就是yarn的基础使用,首先,说yarn的安装。yarn对标npm,但是却可以使用npm进行安装,说实话,npm的心挺宽的。哈。当然,大家也可以使用facebook官方推荐的其他方式安装yarn,比如mac的brew等。今天就不介绍其他的安装方式了。就用这个通用的方式安装就好了。

npm install yarn -g

yarn的使用

yarn安装完成后,同样需要package.json这个文件,而且和npm时代是一样一样的,没有区别。细微的区别有:node_modules文件夹结构,以及在package.json同级的地方,新出现的yarn.lock文件。

那么对比一下几个常用的命令好了。

npm命令yarn命令
npm installyarn (install)
npm install --saveyarn add
npm install --save-devyarn add --dev
npm uninstall yarn remove
npm inityarn init
npm install -gyarn global add
npm uninstall -gyarn global remove
npm startyarn start
npm run yarn run
npm lsyarn list

好了,常见的npm命令也就这么几个,其他不常见的命令在yarn中也能找到对应的版本,如果您用的到,那么也可以通过查看yarn中文网( https://yarn.org.cn )的官方文档得到相关答案。

yarn的效果

最后,苏南大叔给大家带来个,以electron中文网 ( https://electron.org.cn )的quick-start例子为例,使用npm和yarn的对比效果图。

npm:

对比npm,yarn究竟有什么先进的地方? - yarn_2
对比npm,yarn究竟有什么先进的地方?(图2-1)

yarn:

对比npm,yarn究竟有什么先进的地方? - yarn_1
对比npm,yarn究竟有什么先进的地方?(图2-2)

大家可以看到,yarn的版本,确实和官方所宣称的一样,文件包更小了。大家自己体会一下。

PS: 注意 yarn global 命令,global 必须紧贴着 yarn 字样,并不像 npm 的 -g 参数,可以随便换地方的。

结语

写着最后,关注互联网发展,关注苏南大叔的博客。https://newsn.net

 【源码】代码片段及相关软件点此获取

 【js】秘籍文章入口,仅传授于有缘之人   js    npm

本站的忠实读者小伙伴,正在阅读下面这些文章:

欢迎转载传播本篇原创文章,转载请保留链接及作者信息。
欢迎指正文字或逻辑错误,将会择优在文末列出您的信息。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

苏南大叔需要你的支持

感谢您的打赏,让我更有动力,将更多精彩教程文章,呈现给大家!谢谢!