首页 > 其他分享 >秒懂Yarn:安装与配置教程

秒懂Yarn:安装与配置教程

时间:2024-09-24 15:55:21浏览次数:3  
标签:教程 依赖 package yarn add Yarn 安装


秒懂Yarn:安装与配置教程

什么是Yarn?

Yarn 是一个快速、可靠和安全的包管理工具,旨在改善 JavaScript 开发者的工作流程。它通过并行化操作和缓存机制显著提升了安装包的速度,并且确保了安装包的一致性和安全性。

为什么选择Yarn?

  • 速度快:Yarn 并行下载和缓存包,使得安装速度更快。
  • 安全性:通过校验包的完整性,确保每次安装的包都是经过验证的。
  • 一致性:Yarn.lock 文件确保团队中每个人安装的依赖版本一致。

安装Yarn

前置条件

安装 Yarn 之前,需要先安装 Node.js 和 npm。你可以通过以下命令检查是否已经安装:

node -v
npm -v
安装Yarn

Yarn 可以通过多种方式安装,以下是几种常见的安装方法:

  1. 通过npm安装
npm install -g yarn
  1. 通过Homebrew(适用于macOS)安装
brew install yarn
  1. 通过安装包下载
    访问 Yarn的官方网站 下载适合你操作系统的安装包并安装。
  2. 通过Chocolatey(适用于Windows)安装
choco install yarn

安装完成后,可以通过以下命令验证安装是否成功:

yarn -v

配置Yarn

初始化项目

在项目根目录下运行以下命令初始化一个新的 Yarn 项目:

yarn init

按照提示输入项目名称、版本号、描述等信息,最终会生成一个 package.json 文件。

安装依赖

使用 Yarn 安装依赖非常简单,只需运行以下命令:

yarn add [package_name]

例如,安装 axios

yarn add axios

可以同时安装多个依赖:

yarn add axios lodash
开发依赖

如果要安装开发依赖(例如测试框架),可以使用以下命令:

yarn add [package_name] --dev

例如,安装 jest

yarn add jest --dev
移除依赖

要移除某个依赖,可以运行:

yarn remove [package_name]
更新依赖

更新所有依赖到最新版本:

yarn upgrade

更新某个特定的依赖:

yarn upgrade [package_name]
使用Yarn脚本

Yarn 支持在 package.json 中定义脚本,例如:

"scripts": {
  "start": "node index.js",
  "test": "jest"
}

然后可以通过以下命令运行这些脚本:

yarn start
yarn test

Yarn的高级用法

使用Yarn Workspaces

Yarn Workspaces 允许你在一个仓库中管理多个包,特别适用于Monorepo架构。使用方法如下:

package.json 中添加以下配置:

"workspaces": [
  "packages/*"
]

然后在 packages 文件夹下创建各个子包,每个子包都有自己的 package.json 文件。运行以下命令安装所有子包的依赖:

yarn install
使用Yarn Plug’n’Play

Plug’n’Play 是 Yarn 的一项高级功能,通过这种方式,Yarn 不再创建 node_modules 文件夹,而是直接在 .pnp.js 文件中引用依赖,从而提升性能。

启用 Plug’n’Play:

yarn set version berry
yarn config set pnp true

总结

Yarn 作为现代 JavaScript 包管理工具,通过其高速、安全和一致性的特点,极大地提升了开发者的工作效率。从安装到配置再到高级用法,掌握 Yarn 的使用方法可以让你的开发流程更加顺畅。

希望这篇文章能帮助你快速上手 Yarn,并在你的开发工作中带来便利。如果你有任何疑问或建议,欢迎在评论区留言讨论!


标签:教程,依赖,package,yarn,add,Yarn,安装
From: https://blog.51cto.com/u_17032682/12100483

相关文章

  • 实战教程:PC端触底加载的实现方法
    前言随着单页应用的发展,很多网站采用了触底加载的技术,用户滚动到页面底部时,会自动加载更多内容,为用户提供了更好的使用体验。本文将介绍如何在PC端实现触底加载功能。实现思路实现触底加载的关键在于判断用户是否已经滚动到页面底部。一种常用的实现方式是使用window.innerHeight、......
  • 阿里巴巴国际站运营教程:新版直通车
    直通车的花样越来越多,前台展示位置直通车的位子越来越多,自然流量被挤压,阿里的意思就是尽量少让我们白嫖,所以必须要交保护费~那我们如何开始做呢?发品之类的基础暂且不提,需要的可以看以前的文章。我们开启计划建立在发好产品的的基础上,目前我觉得前期比较有用的就是新品加速......
  • Pbootcms数据库转换教程(sqlite转mysql详细教程)
    一、准备工作下载转换所需工具:确保你有SQLiteStudio和phpMyAdmin等工具。备份现有数据:在进行任何操作之前,请确保备份现有的SQLite数据库文件。二、教程1.导出SQLite数据库打开SQLiteStudio:启动SQLiteStudio软件。定位数据库文件:找到PbootCMS的data文件夹下的.db文件。......
  • Zotero 安装教程
    1.软件安装打开Zotero官网,点击左侧下载按钮。选择Custom选项:安装完后重启计算机,就可以启动并使用Zotero软件了。2.软件设置打开编辑下的高级选项,查看数据存储位置。如下图所示,数据默认存储在了C:\Users\故梦\Zotero里,将该文件夹拷贝出来,放到其他位置,我这里放到......
  • 统信UOS安装Oracle 11g的客户端
    统信UOS安装Oracle11g的客户端一个积分的下载地址https://download.csdn.net/download/u011189649/89791511解压客户端压缩文件到/db/#首先执行xhost+xhost+#上传linux.x64_11gR2_client.zip文件至/db/目录;#如果上传不了就在局域网搭个http服务,然后用wget下载#wget......
  • 照片去水印怎么操作?3个高清壁纸无损去水印的教程分享
    上网真好啊!能够找到好多摄影大神分享的,超好看的自然景物照片,每一张都想拿来当电脑桌面壁纸、手机壁纸......但上网拿的照片有这点不好,就是大部分照片都带有防盗水印,虽说不影响照片的整体美观,但作为壁纸,咱总是有些奇奇怪怪的强迫症在,所以大家有用到好用的照片去水印的工具吗?......
  • VMWare安装Ubuntu之后与Windows系统共享文件夹的设置步骤
    1.首先在Windows系统中新建一个需要共享的文件夹,并设置文件夹的共享属性,如下图: 2.VMWare软件开启【共享文件夹】功能,如图所示3.进入Ubuntu系统,查看是否存在/mnt/hgfs目录,若是没有,先要以root权限建立该目录sudomkdir/mnt/hgfs4.挂载目录sudovmhgfs-fuse.host:......
  • 使用FILETYPE\SITE和INTITLE指令:/英文双引号/安装字体
    一、·使用filetype指令可以查询特定格式的文件,比如docltxtlppt\pdf.授索格式为:关键词+空格+filetype:+文件格式,比如:初等数论filetype:doc,搜索结果均为与初等数论有关的doc文档。·使用site指令可以搜索指定网站的内容,搜索格式为:关键调+空格+site:+网站。比如:U盘site:jd.co......
  • EFK安装调试及使用
    elasticsearch安装参考官方文档,安装包下载位置https://www.elastic.co/guide/en/elasticsearch/reference/current/rpm.html#install-rpm如果单机部署,需要修改配置文件,注释掉集群配置/etc/elasticsearch/elasticsearch.yml#cluster.initial_master_nodes:["localho......
  • MySQL零基础入门教程-5 单行处理函数、分组函数、mysql关键字执行顺序,基础+实战
    教程来源:B站视频BV1Vy4y1z7EX001-数据库概述_哔哩哔哩_bilibili我听课整理的课程的完整笔记,供大家学习交流下载:夸克网盘分享本文内容为完整笔记的第五篇17、单行数据处理函数P30-36&分组函数17.1、数据处理函数又被称为单行处理函数单行处理函数的特点:一个输入对应一个输出。和单行......