我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...

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

苏南大叔:对比npm,yarn究竟有什么先进的地方? - npm-vs-yarn
对比npm,yarn究竟有什么先进的地方?(图3-1)

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

yarn的安装

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

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例子为例,使用npmyarn的对比效果图。

npm:

苏南大叔:对比npm,yarn究竟有什么先进的地方? - yarn_2
对比npm,yarn究竟有什么先进的地方?(图3-2)

yarn:

苏南大叔:对比npm,yarn究竟有什么先进的地方? - yarn_1
对比npm,yarn究竟有什么先进的地方?(图3-3)

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

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

结语

写着最后,关注互联网发展,关注苏南大叔的博客,链接地址:

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

 【福利】 腾讯云最新爆款活动!1核2G云服务器首年50元!

 【源码】本文代码片段及相关软件,请点此获取更多信息

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