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


总结

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


相关文章
|
2月前
|
资源调度 JavaScript Linux
nvm, node.js, npm, yarn 安装配置
nvm, node.js, npm, yarn 安装配置
98 1
|
17天前
|
资源调度
npm yarn 启动报错【已解决】
npm yarn 启动报错【已解决】
23 2
|
22天前
|
存储 缓存 资源调度
你真的知道 NPM、Yarn 与 PNPM 这三个前端包管理器之间的区别吗?
【6月更文挑战第9天】NPM、Yarn和PNPM是主流前端包管理器,各有特色。NPM生态庞大,易用但速度慢;Yarn速度快,依赖管理稳定;PNPM性能优异,节省磁盘空间。Yarn和PNPM在速度和确定性上胜出,NPM因广泛使用和丰富资源领先。开发者可根据项目需求和喜好选择,三者共同推动前端开发进步。
30 8
|
13天前
|
存储 缓存 资源调度
npm、yarn与pnpm详解
npm、yarn与pnpm详解
23 0
|
2月前
|
存储 资源调度 JavaScript
pnpm、npm、yarn是什么?怎么选择?
pnpm、npm、yarn是什么?怎么选择?
36 2
|
27天前
|
缓存 资源调度 JavaScript
yarn安装和使用及与npm的区别
yarn安装和使用及与npm的区别
18 0
|
2月前
|
资源调度 前端开发 JavaScript
nvm,npm,yarn相关指令,前端配置准备
nvm,npm,yarn相关指令,前端配置准备
18 1
|
缓存 资源调度 JavaScript
npm与yarn怎么选
之前有同事说 npm 速度太慢了,项目部署也偶尔会发生依赖无法下载导致构建失败的问题,所以再次查阅学习了下包管理器的选型问题
399 0
|
2月前
|
网络安全 计算机视觉
【node】 npm install 报错:code 128
【node】 npm install 报错:code 128
63 1
|
2月前
|
JavaScript
npm install没问题,但npm run dev的时候报Node Sass version 6.0.1 is incompatible with ^4.0.0 ^5.0.0
npm install没问题,但npm run dev的时候报Node Sass version 6.0.1 is incompatible with ^4.0.0 ^5.0.0
24 0

推荐镜像

更多