前端技巧:Yarn最新安装、使用教程

  • 时间:2025-10-22 18:50 作者: 来源: 阅读:11
  • 扫一扫,手机访问
摘要:一、前言Yarn是Facebook推出的一款快速、可靠、安全的依赖管理工具,它解决了npm(Node.js的默认包管理器)的一些性能和安全性问题。Yarn通过并行化操作、离线模式、确定性安装等特性,为开发者提供了更高效的开发体验。本文将详细介绍如何使用官方最新推荐的corepack(一个Node.js跨平台内置功能)安装Yarn,或分别使用各自操作系统的包管

一、前言

Yarn是Facebook推出的一款快速、可靠、安全的依赖管理工具,它解决了npm(Node.js的默认包管理器)的一些性能和安全性问题。Yarn通过并行化操作、离线模式、确定性安装等特性,为开发者提供了更高效的开发体验。

本文将详细介绍如何使用官方最新推荐的corepack(一个Node.js跨平台内置功能)安装Yarn,或分别使用各自操作系统的包管理器安装,并详细介绍如何使用Yarn进行项目依赖管理。

二、安装

安装前置要求:已正确安装Node.js,你可以通过运行node -v来检查当前的Node.js版本。根据Node.js来选择以下安装方式。优先使用corepack的方式安装(官方推荐)。

以下四种安装方式选其一即可。

使用corepack安装(Node.js ≥ 16.13.0)

本安装方式同时适用于Windows、MacOS、Linux。

  • 启用corepack: 如果是首次使用corepack,你需要先启用它。在终端运行以下命令:

corepack enable

这一步是全局性的,只需要执行一次。

  • 安装Yarn: 接下来,使用corepack安装Yarn:

yarn init -2

这个命令会安装Yarn的最新版本,并将其设置为全局可用。

使用npm安装(Node.js < 16.13.0)

本安装方式同时适用于Windows、MacOS、Linux。

终端运行以下命令:

npm install -g yarn

Windows使用使用Chocolatey安装

Chocolatey是Windows上的一个包管理器,可以方便地安装各种软件。

  • 打开PowerShell(以管理员身份运行):按Win + X键,选择”Windows PowerShell (管理员)”或”终端管理员“。

  • 安装Chocolatey:在PowerShell或终端中输入以下命令并回车:

Set-ExecutionPolicy Bypass -Scope Process -Force; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))
  • 安装Yarn:等待Chocolatey安装完成后,输入以下命令安装Yarn:

choco install yarn

MacOS使用Homebrew安装

Homebrew是macOS上超级流行的包管理器。

安装Homebrew:如果尚未安装Homebrew,打开Terminal,输入以下命令并按回车执行:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

安装Yarn:Homebrew安装完成后,输入以下命令安装Yarn:

brew install yarn

三、验证安装

通过终端输入以下命令检查Yarn是否安装成功。如果出现Yarn的版本号,则说明安装成功。

yarn --version

四、使用Yarn的详细教程

假设你已经成功安装了Yarn,接下来我们将通过React官方脚手架,创建一个简单的React应用来演示Yarn的基本用法。

创建新项目

初始化项目:第一,选择一个目录作为你的工作空间,然后在Terminal中进入该目录。使用以下命令创建一个新的React应用:

npx create-react-app my-app

这里my-app是你的项目名称,可以根据需要更改。

进入项目目录

cd my-app

管理项目依赖

添加依赖:假设我们要为项目添加react-router-dom依赖,只需运行:

yarn add react-router-dom

Yarn会自动处理依赖关系,并将其添加到package.json文件中。

查看依赖:要查看项目的全部依赖,可以运行:

yarn list

更新依赖:如果要更新某个依赖,列如将react-router-dom更新到最新版,可以使用:

yarn upgrade react-router-dom

移除依赖:如果不再需要某个依赖,可以这样移除:

yarn remove react-router-dom

安装开发依赖

开发时可能还需要一些只在开发环境中使用的工具或库,如linters、test runners等。这些应作为开发依赖安装,使用--dev标志:

yarn add eslint --dev

Yarn的工作空间

Yarn还支持工作空间(Workspaces),允许你在一个项目中管理多个相互依赖的包。这对于大型项目或 mono-repo(单一仓库)结构超级有用。配置工作空间需要在根目录的package.json中添加workspaces字段,由于本文篇幅已经较长,且该功能不常用,具体细节可参考Yarn官方文档。

五、总结

无论是Windows / MacOS / Linux,安装Yarn都超级简便。通过上述步骤,你可以轻松开始使用Yarn来管理你的JavaScript项目依赖,享受其带来的高效与便捷。Yarn不仅提升了依赖管理的效率,还通过锁定文件等机制确保了项目的可复现性,是现代前端开发不可或缺的工具之一。希望本指南能协助你在不同平台上顺利安装并使用Yarn。

  • 全部评论(0)
最新发布的资讯信息
【系统环境|】Spring Boot3 中实现按模板导出 Word 文档合同的技术指南(2025-10-30 16:04)
【系统环境|】openPangu-Ultra-MoE-718B-V1.1今日正式开源,部署指南来啦!(2025-10-30 16:03)
【系统环境|】Ubuntu + vLLM + DeepSeek 本地部署完全指南(2025-10-30 16:03)
【系统环境|】如何用公众号AI编辑器实现一键排版?一份完整的5步指南(2025-10-30 16:02)
【系统环境|】Spring Boot 与 Nacos 完美整合指南(2025-10-30 16:01)
【系统环境|】Rust MCP开发指南:让AI与应用对话的桥梁(2025-10-30 16:00)
【系统环境|】MCP Server 开发实战指南(2025-10-30 15:59)
【系统环境|】入门指南:使用 Playwright MCP Server 为你的 AI Agent 赋予能力(2025-10-30 15:58)
【系统环境|】一个IT女搬砖工的情人节爱心礼物指南及衍伸 v16.02.14(2025-10-30 15:57)
【系统环境|】百元矿渣显卡淘金全指南(2025-10-30 15:57)
手机二维码手机访问领取大礼包
返回顶部