前端技巧: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关键字“。然后,也没有然后了…...
你 发表评论:
欢迎- 一周热门
-
-
前端面试:iframe 的优缺点? iframe有那些缺点
-
带斜线的表头制作好了,如何填充内容?这几种方法你更喜欢哪个?
-
漫学笔记之PHP.ini常用的配置信息
-
推荐7个模板代码和其他游戏源码下载的网址
-
其实模版网站在开发工作中很重要,推荐几个参考站给大家
-
[干货] JAVA - JVM - 2 内存两分 [干货]+java+-+jvm+-+2+内存两分吗
-
正在学习使用python搭建自动化测试框架?这个系统包你可能会用到
-
织梦(Dedecms)建站教程 织梦建站详细步骤
-
【开源分享】2024PHP在线客服系统源码(搭建教程+终身使用)
-
2024PHP在线客服系统源码+完全开源 带详细搭建教程
-
- 最近发表
-
- 对volatile,synchronized,AQS的加锁解锁原理的一些理解
- 注意,不能错过的CAS+volatile实现同步代码块
- 面试并发volatile关键字时,我们应该具备哪些谈资?
- 无锁同步-JAVA之Volatile、Atomic和CAS
- C/C++面试题(二):std::atomic与volatile
- VOCs(Volatile Organic Compounds)挥发性有机化合物及测试方法
- 对volatile 及happen—before的理解
- 这一篇我们来了解Synchronized、Volatile、Final关键字
- 关于 Java 关键字 volatile 的总结
- 大白话聊聊Java并发面试问题之volatile到底是什么?
- 标签列表
-
- mybatis plus (70)
- scheduledtask (71)
- css滚动条 (60)
- java学生成绩管理系统 (59)
- 结构体数组 (69)
- databasemetadata (64)
- javastatic (68)
- jsp实用教程 (53)
- fontawesome (57)
- widget开发 (57)
- vb net教程 (62)
- hibernate 教程 (63)
- case语句 (57)
- svn连接 (74)
- directoryindex (69)
- session timeout (58)
- textbox换行 (67)
- extension_dir (64)
- linearlayout (58)
- vba高级教程 (75)
- iframe用法 (58)
- sqlparameter (59)
- trim函数 (59)
- flex布局 (63)
- contextloaderlistener (56)