一文简述npm和cnpm和yarn的区别

Posted 2021-05-26 小歌谣（公众号同名）

我是歌谣 放弃很容易 但是坚持一定很酷

前言

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

1npm

1.1定义

npm: Nodejs下的包管理器。

1.2 安装

安装node环境
直接node官网安装一下

1.3 下载地址

node地址

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

1.4配置地址

设置环境地址设置缓存地址
npm config set prefix “D:\\nodejs\\xxxxxxx”
npm config set cache “D:\\nodejs\\xxxxxxxx”

设置淘宝镜像
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问题