[yarn]和npm一样的依赖管理工具

284 阅读4分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第2天,点击查看活动详情

yarn学习

经常可以看到别人用yarn命令,今天我就来稍微学习一下,基本和npm使用起来相同

官方文档文档 | Yarn中文网 (yarnpkg.top)

1. yarn安装

1.1. windows安装

有两种方法在Windows中安装Yarn

1.1.1. msi安装

步骤:

1、下载安装文件

你将会下载一个.msi后缀的Yarn安装文件

下载安装文件

2、配置环境变量

为Yarn设置PATH环境变量,这样你在任何地方都能够调用Yarn

这一步相信我们都会有需求用到yarn了,应该都会了

测试Yarn是否安装好了

yarn -v

1.1.2. npm安装

npm install yarn -g 

安装好之后我不喜欢yarn的下载位置,会放到c盘里面

通过下面的命令查看包的安装路径

yarn global dir

我想要修改

yarn config set global-folder "D:\environment\yarn\global"
yarn config set cache-folder "D:\environment\yarn\cache"

注: 一般来说, 不推荐通过 npm 安装 Yarn 在用基于 Node 的包管理器安装 Yarn 时,该包未被签名, 并且只通过基本的 SHA1 散列进行唯一完整性检查。 这在安装系统级应用时有安全风险。 因为这些原因,高度推荐用你的操作系统最适合的方式来安装 Yarn。

npm install --global yarn

1.2. CentOS / Fedora / RHEL

在CentOS、Fedora和RHEL,可以通过我们的RPM安装Yarn

sudo wget https://dl.yarnpkg.com/rpm/yarn.repo -O /etc/yum.repos.d/yarn.repo

如果没有安装Node.js,首先需要配置NodeSource repository

curl --silent --location https://rpm.nodesource.com/setup_6.x | bash -

安装Yarn:

sudo yum install yarn

2. 使用

初始化新项目

yarn init

添加依赖包

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

将依赖项添加到不同依赖项类别

分别添加到 devDependenciespeerDependenciesoptionalDependencies

yarn add [package] --dev
yarn add [package] --peer
yarn add [package] --optional

升级依赖包

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

移除依赖包

yarn remove [package]

安装项目的全部依赖

yarn

或者

yarn install

3. Yarn 工作流

你的项目在引入了包管理器的同时,也引入了一套新的围绕着依赖项开发的工作流程。Yarn尽力不改变你的工作流程,并使流程中的每一步都简单明了。

3.1. 创建项目

3.1.1. 简单创建

和npm的使用基本是一样的

通过yarn init初始化一个项目

这将打开一个用于创建Yarn项目的交互式表单,其中包含以下问题:

name (your-project):
version (1.0.0):
description:
entry point (index.js):
git repository:
author:
license (MIT):

可以回车使用默认配置或者留空

然后就生成了package.json

package.json文件里存储了项目的有关信息。 包括项目名称、维护者信息、代码托管地址,以及最重要的:项目依赖。

3.1.2. 创建vue项目

上面这个就很简单,我们来创建一个vue项目

1、全局安装vue脚手架

yarn global add @vue/cli

如果我们在npm的学习中安装过了,就不需要了,我们后面在使用的时候会选择是使用npm还是yarn

2、创建项目

vue create yarn-helloword

image-20220728210215358

可以看到我们选择了yarn

后面和npm使用相同

3、yarn serve启动项目就可以了

3.2. 依赖

3.2.1. 增加依赖

yarn add [package]

你可以用以下参数添加其它类型的依赖:

  • yarn add —dev 添加到 devDependencies
  • yarn add —peer 添加到 peerDependencies
  • yarn add —optional 添加到 optionalDependencies 通过指定依赖版本和标签,你可以安装一个特定版本的包:
yarn add [package]@[version]
yarn add [package]@[tag]

例如:

yarn add axios

3.2.3. 更新依赖

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

3.2.4. 删除依赖

yarn remove [package]

3.3. 安装依赖项

yarn install 是用于安装一个项目的所有依赖。 Yarn会从package.json中读取依赖,并将依赖信息存储到yarn.lock中。

有很多参数可以控制依赖安装的过程,包括:

  • 安装所有依赖:yarnyarn install
  • 安装一个包的单一版本:yarn install —flat
  • 强制重新下载所有包:yarn install —force
  • 只安装生产环境依赖:yarn install —production

查看您可以传递给 yarn install完整参数列表

yarn.lock:记录每一个依赖项的确切版本信息,和package-lock.json一样

Yarn和npm使用相同的package.json格式,而且Yarn可以从npm安装依赖包。

介绍到这里就差不多了,基本跟npm相同