百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

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

yuyutoo 2025-01-24 14:36 3 浏览 0 评论

一、前言

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。

相关推荐

对volatile,synchronized,AQS的加锁解锁原理的一些理解

一、为什么要加锁,要实现同步多线程编程中,有可能会出现多个线程同时访问同一个共享、可变资源的情况,这个资源我们称之其为临界资源;这种资源可能是:对象、变量、文件等。...

注意,不能错过的CAS+volatile实现同步代码块

前言:最近看到有人说可以使用CAS+volatile实现同步代码块。心想,确实是可以实现的呀!因为AbstractQueuedSynchronizer(简称AQS)内部就是通过CAS+...

面试并发volatile关键字时,我们应该具备哪些谈资?

提前发现更多精彩内容,请访问https://dayarch.top/提前发现更多精彩内容,请访问https://dayarch.top/提前发现更多精彩内容,请访问https://dayarch...

无锁同步-JAVA之Volatile、Atomic和CAS

1、概要本文是无锁同步系列文章的第二篇,主要探讨JAVA中的原子操作,以及如何进行无锁同步。关于JAVA中的原子操作,我们很容易想到的是Volatile变量、java.util.concurrent....

C/C++面试题(二):std::atomic与volatile

volatile是C/C++中的一个关键字,用于告知编译器某个变量的值可能会在程序的控制之外被意外修改(例如被硬件、中断服务程序、多线程环境或其他外部代理)。为了防止编译器对代码进行某些可能破坏...

VOCs(Volatile Organic Compounds)挥发性有机化合物及测试方法

经常看到一些三防漆、涂料、油漆类产品的介绍中提到VOC、VOCs等概念,那么什么是VOC、VOCs和TVOC,VOCs主要包括哪些物质?VOCs的来源有哪些?VOCs的危害及国家标准是什么?一、V...

对volatile 及happen—before的理解

happen—before规则介绍Java...

这一篇我们来了解Synchronized、Volatile、Final关键字

题外话:蓝银王觉醒了!!--来自于一个斗罗大陆动漫爱好者(鹅,打钱!)湿兄这两天回家了,办了点大事,回来的时候我弟弟还舍不得我,哭着不愿意让我回京(我弟还是小学),我也心里很不舍,但是还是要回京奋斗...

关于 Java 关键字 volatile 的总结

1什么是volatilevolatile是Java的一个关键字,它提供了一种轻量级的同步机制。相比于重量级锁synchronized,volatile更为轻量级,因为它不会引起线程上下文...

大白话聊聊Java并发面试问题之volatile到底是什么?

用最简单的大白话,加上多张图给大家说一下,volatile到底是什么?...

为什么要有volatile关键字(volatile 关键字为什么不能保证原子性)

在嵌入式编程和多线程编程中,我们常会见到volatile关键字声明的变量。下面说一下volatile关键字的作用:1.保持变量内存可见简而言之就是用volatile声明的变量会告诉编译器和处理器,这个...

Java的volatile到底怎么理解?(java volatitle)

我们都知道,在Java中有很多的关键字,比如synchronize比如volatile,这些都是一些比较关键的,还有final,今天我们就来聊一下这个volatile因为这个vo...

Java多线程编程中的volatile关键字:解密神秘的共享内存

Java多线程编程中的volatile关键字:解密神秘的共享内存在Java多线程编程的世界里,volatile关键字就像一位低调却至关重要的守护者。它默默无闻地站岗放哨,确保多个线程之间能够正确地共享...

你了解volatile关键字的作用吗?(关键字volatile有什么含意?并举出三个不同的例子?)

【死记硬背】volatile关键字主要用于保持内存的变量可见性和禁止重排序。变量可见性:当一个线程改变了变量的值,那么新的值对于其他线程也是可以立即获取到的。禁止重排序:...

谈谈你对volatile 关键字作用和原理的理解

一位6年工作经验的小伙伴,在某里二面的时候被问到“volatile”关键字。然后,就没有然后了…同样,还有一位4年的小伙伴,去某团面试也被问到“volatile关键字“。然后,也没有然后了…...

取消回复欢迎 发表评论: