npm,cnpm和yarn的区别

yarn和npm一样,都是包管理工具,那么他们两者的区别到底是什么呢,我们应该使用哪一个呢

下面我们就来详细看下,它们分别是什么

一.NPM

npm是Node.js能够如此成功的主要原因之一

npm是围绕着语义版本控制的思想而设计的,下面是从他们的网站摘过来的:

                              给定一个版本号:主版本号.次版本号.补丁版本号 

                              主版本号: 当API发生改变,并与之前的版本不兼容的时候
                              次版本号: 当增加了功能,但是向后兼容的时候
                              补丁版本号: 当做了向后兼容的缺陷修复的时候
npm使用一个名为package.json的文件,用户可以通过npm install --save命令把项目里所有的依赖项保存在这个文件里

下图是package.json中的某依赖的版本号:

"5.0.3",
"~5.0.3",
"^5.0.3"

            “5.0.3”表示安装指定的5.0.3版本

            “~5.0.3”表示安装5.0.X中最新的版本

           “^5.0.3”表示安装5.X.X中最新的版本

这就比较恶心,所以常常会出现同一个项目,有的同事运行可以,但是有的同事会由于安装的版本不一致出现很诡异的bug,也就会出现我们经常听到的一句话:“在我的电脑上可以.........”

而且很多npm库都严重依赖于其他npm库,这会导致嵌套依赖关系,并增加无法匹配相应版本的概率,从而出错

安装的时候,包会在同一时间下载和安装,中途某个时候,一个包出了错误,但是npm会继续下载和安装包。因为npm会把所有的日志输出到终端,有关错误包的错误信息就会在一大堆npm打印的警告中丢失掉,所以你很难找到真正出错的包和原因

还有就是,如果我们之前npm装过了依赖,但是后面又执行npm install ,那么又会再从网络上重新下载依赖,导致变得非常慢。

综上所述,来总结一下npm的缺点:

1.由于版本号的影响,所以会造成版本不统一的情况

2.由于npm库存在嵌套依赖的关系,会增加无法匹配相应版本的概率

3.npm 的输出信息比较冗长。在执行 npm install  的时候,命令行里会不断地打印出所有被安装上的依赖,不够简洁

4.重复安装的时候,不直接从缓存中获取,还需要从网络上下载

5.依赖是逐个进行下载的,前一个下载完,才可以进行下一个的下载,所以导致下载速度慢

 

二.cnpm

cnpm跟npm用法完全一致,只是在执行命令时将npm改为cnpm。

npm安装插件是从国外服务器下载,受网络影响大,可能出现异常.

淘宝将国外服务器的内容,先请求到了自己国内的服务器上,这样我们使用cnpm的时候下载的依赖就是从国内服务器上下载过来的,速度相对快很多。

官网上说:“这是一个完整 npmjs.org镜像,你可以用此代替官方版本,同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”

安装:npm install -g cnpm --registry=https://registry.npm.taobao.org
 

三. yarn

为了弥补npm的缺陷,这个时候yarn闪亮登场了,Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 

那么我们来看一下yarn的优点:

1.yarn使用本地缓存,与npm不同的是,yarn无需互联网连接就能安装本地缓存的依赖项,它提供了离线模式.

2.并行安装, Yarn 是同步执行所有任务,提高了性能.

3.安装版本统一:为了防止拉取到不同的版本,Yarn 有一个锁定文件 (lock file) 记录了被确切安装上的模块的版本号。每次只要新增了一个模块,Yarn 就会创建(或更新)yarn.lock 这个文件。这么做就保证了,每一次拉取同一个项目依赖时,使用的都是一样的模块版本。

4.输出比较简洁,不像npm那样冗余

5.多注册来源处理:所有的依赖包,不管他被不同的库间接关联引用多少次,安装这个包时,只会从一个注册来源去装

 

四.Yarn和npm命令的对比

npm yarn
npm install yarn
npm install react --save yarn add react
npm uninstall react --save yarn remove react
npm install react --save-dev yarn add react --dev
npm update --save yarn upgrade

所以写到这里,我想你大概能了解这三者之间的区别了吧,下次你的同事和你说"在你的电脑上可以,在我的电脑上怎么不行"的时候,记得'亲切'的给他答疑解惑,哈哈哈

就这样啦,有问题欢迎指出哦~~~

 

 

 

 

上一篇:vue-cli


下一篇:vuejs单文件组件:安装 webpack 和 vue-cli