Yarn vs Npm 优缺点 - 学习/实践

1.应用场景

主要用于了解前端包管理器npm与yarn的区别, 以及选择合适的包管理器进行前端项目的构建.

2.学习/操作

https://heroku-blog-files.s3.amazonaws.com/posts/1488416188-yarn-logo.pngVS 查看源图像

 

1.文档阅读

https://www.npmjs.com/  // 官网

https://docs.npmjs.com/ // 官网文档

https://zh.wikipedia.org/wiki/Npm // 维基百科 - npm

https://blog.csdn.net/william_n/article/details/89670653  // NPM - 学习/实践

https://blog.csdn.net/william_n/article/details/108661254  // Package.lock.json 文件为什么在执行npm install被修改 ?!

 

https://yarnpkg.com/  //官网

https://classic.yarnpkg.com/zh-Hans/  //中文网站之一

https://yarnpkg.com/getting-started/install  //安装

https://yarn.bootcss.com/

 

https://www.cnblogs.com/vickylinj/p/10895789.html  // [yarn]yarn和npm的对比

 

 

2.个人整理输出

一.简介

NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:

 

1.允许用户从NPM服务器下载别人编写的第三方包到本地使用。

 

2允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。

 

3.允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

 

4.Yarn 是 Facebook, Google, Exponent 和 Tilde 开发的一款新的 JavaScript 包管理工具。

 

二.相比npm 的优点

1.npm安装是串行,而yarn是并行,速度大大提升

 

2.已经下载过的包会被缓存,无需重复下载,更关键的是,支持离线安装

 

3.精准的版本控制(yarn.lock文件),加上验证每个包的完整性,保证每次安装的npm包完全一致

 

4.优化的输出信息

三.npm5改进

1.引入了package-lock.json,默认会被添加到项目,增强了版本控制

 

2.提升了安装速度,还是稍慢于yarn,引入了离线缓存

 

3.优化输出信息

四.yarn和npm命令对比 // 可以作为命令快速查找

具体命令:

https://docs.npmjs.com/cli/v6/commands   // npm

https://yarnpkg.com/getting-started/usage  // yarn

 

Note:

目前 node 最新版本:  // https://nodejs.org/en/

 

npm最新版本:

https://docs.npmjs.com/cli/v6/commands

 

 

个人电脑 npm 版本:

 

全局安装最新版npm:

npm install npm@latest -g

 

全局安装下一个版本npm:

npm install npm@next -g

 

详情查看:

https://docs.npmjs.com/about-npm-versions


 

 

后续补充

...

3.问题/补充

1.关于 node_modules 的介绍, 比如 其面临的困境.[臭名昭著的node_modules hell]

https://zhuanlan.zhihu.com/p/137535779  // 没有看明白, 也是没有很认真看完. TBD

https://docs.npmjs.com/packages-and-modules/   // package 与 module 的关系

...

4.参考

https://www.npmjs.com/  // 官网

https://docs.npmjs.com/ // 官网文档

https://zh.wikipedia.org/wiki/Npm // 维基百科 - npm

https://blog.csdn.net/william_n/article/details/89670653  // NPM - 学习/实践

https://blog.csdn.net/william_n/article/details/108661254  // Package.lock.json 文件为什么在执行npm install被修改 ?!

https://yarnpkg.com/  //官网

https://classic.yarnpkg.com/zh-Hans/  //中文网站之一

https://yarnpkg.com/getting-started/install  //安装

https://yarn.bootcss.com/

https://www.cnblogs.com/vickylinj/p/10895789.html  // [yarn]yarn和npm的对比

https://docs.npmjs.com/cli/v6/commands   // npm

https://yarnpkg.com/getting-started/usage  // yarn

后续补充

...  

I LIKE THIS PICTURE   ✌ ✌

这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值