美文网首页
Yarn的使用

Yarn的使用

作者: 前白 | 来源:发表于2021-03-30 11:47 被阅读0次

上一节我们已经安装好了 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

执行命令后的演示效果:


相关文章

  • vue-cli

    ## yarn安装 npm install -g yarn ## yarn使用 安装全部的包 yarn 安装某个包...

  • yarn的介绍及workspace的使用

    yarn介绍及使用 yarn工作流yarn工作流与npm类似 都是使用package.json文件,yarn会...

  • Yarn安装

    本节我们来学习 Yarn 的安装,在使用 Yarn 之前,我们需要先安装 Yarn。而安装 Yarn 的方式有多种...

  • Yarn安装

    本节我们来学习 Yarn 的安装,在使用 Yarn 之前,我们需要先安装 Yarn。而安装 Yarn 的方式有多种...

  • spark 中参数参考值说明

    master yarn 因为 E-MapReduce 使用 Yarn 的模式,所以这里只能是 yarn 模式。 y...

  • Yarn的基本使用

    Yarn命令的使用 1. Yarn是什么 “Yarn是由Facebook、Google、Exponent 和 Ti...

  • readme

    前端框架使用说明 配置 yarn 可以通过以下代码检验是否安装了yarn yarn -v or yarn --ve...

  • vite初体验

    一、安装最新版: 使用 NPM:$ npm create vite@latest使用 Yarn:$ yarn cr...

  • Flink on yarn

    使用Yarn统一管理资源的好处 1)、Yarn的资源可以按需使用,提高集群的资源利用率 2)、Yarn的任务有优先...

  • electron-vue打包之后白屏问题

    electron-vue使用中最好用 yarn 管理依赖,npm 使用中奇怪的问题比较多yarn build 的...

网友评论

      本文标题:Yarn的使用

      本文链接:https://www.haomeiwen.com/subject/updjhltx.html