秒懂 Yarn:从安装配置到高效使用的全攻略

简介: 秒懂 Yarn:从安装配置到高效使用的全攻略

Yarn 是一个快速、可靠、安全的 JavaScript 包管理工具,可以替代 npm,提供更高效的依赖管理。本文将详细介绍 Yarn 的安装与配置,并分享一些实用的用法,让你秒懂 Yarn 的使用。

1. Yarn 的安装

1.1. 通过 npm 安装

如果你已经安装了 Node.js 和 npm,可以通过 npm 安装 Yarn:

npm install -g yarn

1.2. 通过安装包安装

你也可以从 Yarn 官方网站下载适用于你操作系统的安装包进行安装:Yarn 官方下载页面

1.3. 验证安装

安装完成后,运行以下命令验证 Yarn 是否安装成功:

yarn --version
2. 配置 Yarn

2.1. 配置全局目录

Yarn 默认会将全局包安装在 ~/.yarn 和 ~/.config/yarn/global 目录下,可以通过以下命令自定义全局安装路径:

yarn config set prefix ~/.yarn-global

2.2. 配置镜像源

为了提高包的下载速度,可以配置国内镜像源,如淘宝镜像:

yarn config set registry https://registry.npm.taobao.org/
3. Yarn 的基本用法

3.1. 初始化项目

在一个新的项目目录下运行以下命令,初始化 package.json 文件:

yarn init

根据提示输入项目名称、版本、描述等信息。

3.2. 安装依赖

与 npm 类似,Yarn 安装依赖时使用 add 命令。例如,安装 React:

yarn add react

3.3. 安装开发依赖

安装开发依赖包时,需要加上 -D 参数。例如,安装 Webpack:

yarn add webpack -D

3.4. 移除依赖

移除某个依赖包使用 remove 命令。例如,移除 React:

yarn remove react

3.5. 更新依赖

更新项目中的所有依赖包可以运行:

yarn upgrade

3.6. 全局安装包

全局安装包时使用 global 命令。例如,全局安装 ESLint:

yarn global add eslint

3.7. 运行脚本

在 package.json 中定义的脚本可以通过 yarn run 运行。例如,运行 start 脚本:

yarn run start
4. 高级用法

4.1. 使用 Workspaces

Yarn Workspaces 允许你在一个仓库中管理多个包。首先,在 package.json 中启用 Workspaces:

{
  "private": true,
  "workspaces": [
    "packages/*"
  ]
}

然后在 packages 目录中创建各个子包的目录和 package.json 文件。

4.2. 使用 Yarn Plug'n'Play (PnP)

Yarn PnP 是一种更高效的依赖解析方式,可以完全移除 node_modules 目录。在项目中启用 PnP:

yarn set version berry
yarn config set pnpEnabled true

相关文章
|
资源调度 JavaScript Windows
yarn install命令报错解决办法-warning package-lock.json found.
yarn install命令报错解决办法-warning package-lock.json found.
1025 0
|
缓存 资源调度 前端开发
微前端-qiankun:vue3-vite 接入 vue3、nuxt3、vue2、nuxt2等子应用
微前端-qiankun:vue3-vite 接入 vue3、nuxt3、vue2、nuxt2等子应用
3141 0
|
资源调度 网络协议 JavaScript
npm,yarn使用,npm ,yarn 更换使用国内镜像源
npm,yarn使用,npm ,yarn 更换使用国内镜像源
|
资源调度 JavaScript Windows
yarn install命令运行报错:无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。...
yarn install命令运行报错:无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。...
4018 1
yarn install命令运行报错:无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。...
|
存储 安全 测试技术
快速教你如何使用postman工具进行接口测试?(配置全局token、JWT可用)
快速教你如何使用postman工具进行接口测试?(配置全局token、JWT可用)
1953 0
|
7月前
|
人工智能 自然语言处理 安全
你分得清 Prompt、Agent、Function Call、Skill、MCP 吗?
我是小假 期待与你的下一次相遇 ~
2674 1
|
11月前
|
SQL 存储 关系型数据库
PostgreSQL数据库指南: 自带指令命令一览表。
总结来说,掌握这些基本命令可以帮助你更有效地使用PostgreSQL数据库进行日常操作和管理工作。希望以上内容对你有所帮助!
764 6
|
资源调度 JavaScript iOS开发
yarn的安装与配置(Windows/macOS)
yarn的安装与配置(Windows/macOS)
5655 0
若依修改---白名单怎样添加,怎样在初始化页面初始为自己的页面
若依修改---白名单怎样添加,怎样在初始化页面初始为自己的页面
若依修改---白名单怎样添加,怎样在初始化页面初始为自己的页面