【React工作记录八十九】npm,cnpm,yarn简单对比笔记

简介: 【React工作记录八十九】npm,cnpm,yarn简单对比笔记

前言

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


1npm

1.1定义

npm: Nodejs下的包管理器。


1.2 安装

安装node环境



1.3 下载地址

下载安装好之后直接下一步下一步安装

安装后之后直接

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问题


总结

我是歌谣 放弃很容易 但是坚持一定很酷 想加入前端巅峰人才交流群私信我


相关文章
|
3月前
|
存储 资源调度 JavaScript
一文带你了解PNPM以及 npm,yarn,pnpm区别
一文带你了解PNPM以及 npm,yarn,pnpm区别
263 9
|
5月前
|
资源调度 前端开发 JavaScript
React 安装(NPM)
10月更文挑战第6天
128 1
|
5月前
|
缓存 资源调度 JavaScript
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
165 0
|
8月前
|
前端开发 JavaScript Java
React 速通笔记
【7月更文挑战第17天】
69 1
|
7月前
|
前端开发 JavaScript UED
React 基础与实践 | 青训营笔记
React 基础与实践 | 青训营笔记
75 0
|
9月前
|
存储 缓存 资源调度
你真的知道 NPM、Yarn 与 PNPM 这三个前端包管理器之间的区别吗?
【6月更文挑战第9天】NPM、Yarn和PNPM是主流前端包管理器,各有特色。NPM生态庞大,易用但速度慢;Yarn速度快,依赖管理稳定;PNPM性能优异,节省磁盘空间。Yarn和PNPM在速度和确定性上胜出,NPM因广泛使用和丰富资源领先。开发者可根据项目需求和喜好选择,三者共同推动前端开发进步。
195 8
|
9月前
|
资源调度
npm yarn 启动报错【已解决】
npm yarn 启动报错【已解决】
90 2
|
9月前
|
存储 缓存 资源调度
npm、yarn与pnpm详解
npm、yarn与pnpm详解
192 0
|
9月前
|
缓存 资源调度 JavaScript
yarn安装和使用及与npm的区别
yarn安装和使用及与npm的区别
157 0
|
10月前
|
设计模式 前端开发 数据可视化
【第4期】一文了解React UI 组件库
【第4期】一文了解React UI 组件库
475 0

推荐镜像

更多