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

简介: 前端学习案例-一文简述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:\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
request to https://registry.npm.taobao.org/cnpm failed, reason: certificate has expired
request to https://registry.npm.taobao.org/cnpm failed, reason: certificate has expired
52 2
|
4月前
|
存储 缓存 资源调度
你真的知道 NPM、Yarn 与 PNPM 这三个前端包管理器之间的区别吗?
【6月更文挑战第9天】NPM、Yarn和PNPM是主流前端包管理器,各有特色。NPM生态庞大,易用但速度慢;Yarn速度快,依赖管理稳定;PNPM性能优异,节省磁盘空间。Yarn和PNPM在速度和确定性上胜出,NPM因广泛使用和丰富资源领先。开发者可根据项目需求和喜好选择,三者共同推动前端开发进步。
112 8
|
4月前
|
资源调度
npm yarn 启动报错【已解决】
npm yarn 启动报错【已解决】
49 2
|
4月前
|
存储 缓存 资源调度
npm、yarn与pnpm详解
npm、yarn与pnpm详解
86 0
|
4月前
|
缓存 资源调度 JavaScript
yarn安装和使用及与npm的区别
yarn安装和使用及与npm的区别
53 0
|
20天前
|
SpringCloudAlibaba JavaScript 前端开发
谷粒商城笔记+踩坑(2)——分布式组件、前端基础,nacos+feign+gateway+ES6+vue脚手架
分布式组件、nacos注册配置中心、openfegin远程调用、网关gateway、ES6脚本语言规范、vue、elementUI
谷粒商城笔记+踩坑(2)——分布式组件、前端基础,nacos+feign+gateway+ES6+vue脚手架
|
2月前
|
存储 前端开发 JavaScript
前端语言串讲 | 青训营笔记
前端语言串讲 | 青训营笔记
29 0
|
4月前
|
JSON 前端开发 JavaScript
前端Ajax、Axios和Fetch的用法和区别笔记
前端Ajax、Axios和Fetch的用法和区别笔记
74 2
|
4月前
|
前端开发 JavaScript 数据库
如何实现前后端分离-----前端笔记
如何实现前后端分离-----前端笔记
|
4月前
|
前端开发 安全 NoSQL
技术笔记:Security前端页面配置
技术笔记:Security前端页面配置

推荐镜像

更多
下一篇
无影云桌面