前端学习案例-一文简述npm和cnpm和yarn的区别

前言

在前端的vue的项目中 不免会安装较多的文件依赖
对于常规安装依赖 我知道的方式有两种npm和yarn
1npm
1.1定义

    npm: Nodejs下的包管理器。

1.2 安装

安装node环境
直接node官网安装一下
1.3 下载地址

node地址

下载安装好之后直接下一步下一步安装
安装后之后直接
node -v查看当前版本’
根据自己需要的版本安装
1.4配置地址

设置环境地址设置缓存地址
npm config set prefix “D:nodejsxxxxxxx”
npm config set cache “D:nodejsxxxxxxxx”

设置淘宝镜像
npm config set registry=http://registry.npm.taobao.org
1.5开始使用

    git clone
    npm install
    npm run serve
    npm run dev

2cnpm
2.1安装

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

2.2验证

    cnpm -v

3yarn
3.1定义

“Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ,正如官方文档中写的,Yarn 是为了弥补 npm 的一些缺陷而出现的。”
3.2安装

    npm install -g yarn

3.3安装

    yarn --version

3.4使用

    git clone
    yarn install
    yarn run serve
    yarn run dev

4总结
4.1npm缺点

1.速度慢:npm 按照队列执行安装每个 package,只有当前 package 安装完成之后,才会进行后面的安装。
2.同一个项目,npm 安装的时候无法保持一致性,由于 package.json 文件中版本号的特点,下面三个版本号在安装的时候代表不同的含义:
“5.0.3”, //安装指定的5.0.3版本
“~5.0.3”, //安装5.0.X中的最新版本
“^5.0.3” //安装5.X.X中的最新版本
3.npm 安装的时候,一个包抛出错误,npm 会继续下载安装包,而且因为 npm 会把所有的日志输出到终端,有关错误包的错误信息就会淹没在 npm 打印的警告中,你甚至不会发现错误的产生。
4.2yarn的优点对比

yarn 的优点:

1.速度快:yarn 执行 package 的安装时,会同步执行所有任务,提高了性能;如果已经安装过某一个包,yarn 再次安装此包时无需互联网,直接安装本地缓存的依赖项。
2.安装版本统一。
3.更简洁的输出,默认情况下,只打印必要的输出信息。
4.更好的语义化:如 yarn add/remove

    个人的话 现在启动项目对yarn使用好感的 启动项目不会产生什么bug问题
 

文章来源于互联网:前端学习案例-一文简述npm和cnpm和yarn的区别

THE END
分享
二维码