Yarn的使用

上一节我们已经安装好了 Yarn,本节我们来学习 Yarn 的使用。我们可以通过 yarn 来安装、升级、删除依赖包。

初始化新项目

我们可以使用 yarn init 命令来初始化一个新项目,如下图所示:

此时项目中会生成一个 package.json 文件,类似于如下所示:

{
  "name": "xkd_yarn",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT"
}
安装依赖包

我们可以通过 yarn 来安装依赖包,下面是一些安装依赖包的命令,其中 @version 表示安装指定版本的依赖包,@tag 表示安装指定标签的依赖包:

yarn add [package]
yarn add [package]@[version]
yarn add [package]@[tag]

注意,Yarn 中安装依赖包使用的是 add,而 npm 中使用的是 install

我们还可以选择将依赖项添加到不同依赖项类别,例如分别添加到 devDependenciespeerDependenciesoptionalDependencies

yarn add [package] --dev
yarn add [package] --peer
yarn add [package] --optional
示例:

我们试着安装一个 express 依赖包:

yarn add express 

执行命令后效果如下图所示:

执行安装命令后,项目根目录下会自动创建一个 node_modules 目录,安装好的依赖包会在这个目录中。

此时 package.json 文件的内容如下所示,可以看到 express 成功添加到了 dependencies 文件的依赖中:

{
  "name": "xkd_yarn",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "dependencies": {
    "express": "^4.17.1"
  }
}
安装项目全部依赖

如果需要安装项目全部依赖,也就是 package.json 文件中的依赖,只需要执行如下所示命令即可:

yarn
或
yarn install

这两个命令的效果都是一样的,我们来看一下执行效果:

升级依赖包

因为依赖包会一直更新版本,所以我们也可以根据需要将安装好的依赖包进行升级,命令如下所示:

yarn upgrade [package]
yarn upgrade [package]@[version]
yarn upgrade [package]@[tag]

如果已经是最新版本,则不会进行更新。如果想要更新所有的依赖包到最新版本,可以执行:

yarn upgrade-interactive
删除依赖包

如果某个依赖包已经不需要,可以删除掉,删除依赖包的命令如下所示:

yarn remove [package]
示例:

删除刚刚安装好的 express 包,命令如下所示:

yarn remove express

执行命令后的演示效果:

链接:https://www.9xkd.com/

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值