前端技巧:Yarn最新安装、使用教程
yuyutoo 2025-01-24 14:36 5 浏览 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。
相关推荐
- 全局和隐式 using 指令详解(全局命令)
-
1.什么是全局和隐式using?在.NET6及更高版本中,Microsoft引入了...
- 请停止微服务,做好单体的模块化才是王道:Spring Modulith介绍
-
1、介绍模块化单体是一种架构风格,代码是根据模块的概念构成的。对于许多组织而言,模块化单体可能是一个很好的选择。它有助于保持一定程度的独立性,这有助于我们在需要的时候轻松过渡到微服务架构。Spri...
- ASP.NET程序集引用之痛:版本冲突、依赖地狱等解析与实战
-
我是一位多年后端经验的工程师,其中前几年用ASP.NET...
- .NET AOT 详解(.net 6 aot)
-
简介AOT(Ahead-Of-TimeCompilation)是一种将代码直接编译为机器码的技术,与传统的...
- 一款基于Yii2开发的免费商城系统(一款基于yii2开发的免费商城系统是什么)
-
哈喽,我是老鱼,一名致力于在技术道路上的终身学习者、实践者、分享者!...
- asar归档解包(游戏arc文件解包)
-
要学习Electron逆向,首先要有一个Electron开发的程序的发布的包,这里就以其官方的electron-quick-start作为例子来进行一下逆向的过程。...
- 在PyCharm 中免费集成Amazon CodeWhisperer
-
CodeWhisperer是Amazon发布的一款免费的AI编程辅助小工具,可在你的集成开发环境(IDE)中生成实时单行或全函数代码建议,帮助你快速构建软件。简单来说,AmazonCodeWhi...
- 2014年最优秀JavaScript编辑器大盘点
-
1.WebstormWebStorm是一种轻量级的、功能强大的IDE,为Node.js复杂的客户端开发和服务器端开发提供完美的解决方案。WebStorm的智能代码编辑器支持JavaScript,...
- 基于springboot、tio、oauth2.0前端vuede 超轻量级聊天软件分享
-
项目简介:基于JS的超轻量级聊天软件。前端:vue、iview、electron实现的PC桌面版聊天程序,主要适用于私有云项目内部聊天,企业内部管理通讯等功能,主要通讯协议websocket。支持...
- JetBrains Toolbox推出全新产品订阅授权模式
-
捷克知名软件开发公司JetBrains最为人所熟知的产品是Java编程语言开发撰写时所用的集成开发环境IntelliJIDEA,相信很多开发者都有所了解。而近期自2015年11月2日起,JetBr...
- idea最新激活jetbrains-agent.jar包,亲测有效
-
这里分享一个2019.3.3版本的jetbrains-agent.jar,亲测有效,在网上找了很多都不能使用,终于找到一个可以使用的了,这里分享一下具体激活步骤,此方法适用于Jebrains家所有产品...
- CountDownTimer的理解(countdowntomars)
-
CountDownTimer是android开发常用的计时类,按照注释中的说明使用方法如下:kotlin:object:CountDownTimer(30000,1000){...
- 反射为什么性能会很慢?(反射时为什么会越来越长)
-
1.背景前段时间维护一个5、6年前的项目,项目总是在某些功能使用上不尽人意,性能上总是差一些,仔细过了一下代码发现使用了不少封装好的工具类,工具类里面用了好多的反射,反射会影响到执行效率吗?盲猜了一...
- btrace 开源!基于 Systrace 高性能 Trace 工具
-
介绍btrace(又名RheaTrace)是抖音基础技术团队自研的一款高性能AndroidTrace工具,它基于Systrace实现,并针对Systrace不足之处加以改进,核心改进...
你 发表评论:
欢迎- 一周热门
- 最近发表
-
- .NET 奇葩问题调试经历之3——使用了grpc通讯类库后,内存一直增长......
- 全局和隐式 using 指令详解(全局命令)
- 请停止微服务,做好单体的模块化才是王道:Spring Modulith介绍
- ASP.NET程序集引用之痛:版本冲突、依赖地狱等解析与实战
- .NET AOT 详解(.net 6 aot)
- 一款基于Yii2开发的免费商城系统(一款基于yii2开发的免费商城系统是什么)
- asar归档解包(游戏arc文件解包)
- 在PyCharm 中免费集成Amazon CodeWhisperer
- 2014年最优秀JavaScript编辑器大盘点
- 基于springboot、tio、oauth2.0前端vuede 超轻量级聊天软件分享
- 标签列表
-
- 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)