Yarn的使用

Yarn

快速、可靠、安全的依赖管理工具。

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

yarn方式安装依赖包

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

安装使用:

npm i  -g  yarn    // 全局方式安装yarn依赖包,这样在系统任何目录都可以使用yarn指令
yarn  add  依赖包 ==================  npm i  依赖包   //安装依赖包
yarn remove 依赖包 =================  npm un  依赖包  //卸载依赖包
yarn              ==================  npm  i       // 安装全部依赖包
yarn -y init      ==================  npm -y init  // 创建package.json文件

yarn较比npm装包更快,界面体验更好(安装进度条提示)

速度超快

Yarn 缓存了每个下载过的包,所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率,因此安装速度更快。

超级安全

在执行代码之前,Yarn 会通过算法校验每个安装包的完整性。

超级可靠

使用详细、简洁的锁文件格式和明确的安装算法,Yarn 能够保证在不同系统上无差异的工作。

离线模式

如果你以前安装过某个包,再次安装时可以在没有任何互联网连接的情况下进行

确定性

不管安装顺序如何,相同的依赖关系将在每台机器上以相同的方式安装

yarn与npm区别

yarn安装更快,会同时安装多个,而npm按照队列一个一个顺序去安装,必须等到当前的package安装完毕后才能去安装下一个

yarn使用步骤

在已经具备node和npm的windows系统中执行如下指令

npm i -g yarn

执行如下指令查看yarn版本

yarn --version
1.16.0

yarn与npm针对各个指令的执行

对比yarnnpm
初始化yarn init -ynpm init -y
安装全部依赖yarn install 或者 yarnnpm install
新增依赖yarn add element-uinpm install element-ui
yarn add react --devnpm install react --save-dev
删除依赖yarn remove element-uinpm uninstall element-ui
更新依赖yarn upgradenpm update
全局安装或删除yarn global remove vue-clinpm uninstall vue-cli -g
同时下载多个yarn add axios vue-axiosnpm install --save axios vue-axios

–dev: 简写为-D

给yarn修改镜像 ,安装源和原来 npm 是一样的,可以通用

yarn config get registry				// 查看当前使用的源
yarn config set registry https://registry.npm.taobao.org		// 配置为taobao的镜像源

一定注意配置的源地址不能带引号

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Yarn 是一种流行的包管理器,可以用于管理和安装 JavaScript 包。在使用 Yarn 的过程中,可以通过安装轮播图插件来实现网站图片轮播展示的功能。 首先,需要在项目中安装轮播图插件。可以使用命令行工具或者在 package.json 文件中添加依赖项来完成安装。一些常用的轮播图插件包括 slick-carousel、Swiper 等。 安装完成后,需要在项目的 HTML 文件中引入轮播图插件的 JavaScript 文件,以及 CSS 样式文件。通常来说,轮播图插件会提供一些默认的样式和设置,但也可以根据自己的需要进行自定义。 接下来,需要在 HTML 文件中添加轮播图插件的结构代码。通常来说,轮播图插件会要求至少包含一个容器元素和若干个轮播项元素。在容器元素中,可以设置轮播图的高度、宽度、显示效果等等。在轮播项元素中,可以添加图片、文字等内容并设置样式。 最后,需要在项目的 JavaScript 文件中初始化轮播图插件。根据不同的插件和配置,初始化的代码可能会有所不同。在初始化过程中,需要传入轮播图的容器元素选择器、轮播项元素选择器、轮播间隔时间、导航、分页等设置。 总之,使用 Yarn 和轮播图插件可以方便地实现网站的轮播图展示功能,提升用户体验。需要注意的是,在使用插件时要遵循其文档和指南,以确保正确使用和良好效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值