JavaScript 包管理器--yarn的安装与配置以及简单用法

前言

Yarn 是一个快速、可靠和安全的 JavaScript 包管理器,用于管理项目的依赖项和执行各种任务。它的重点领域是速度、正确性、安全性,我们通过利用一系列创新功能,如工作区、离线缓存、并行安装、强化模式、交互式命令等,在各个方面都有所改进。
与大多数其他包管理器不同的是,Yarn重新实现了所有命令,从而完全增强了我们的开发人员体验和稳定性。


一、安装 Yarn

官网地址:Yarn

1、前提条件

确保已经安装了 Node.js,因为 Yarn 是基于 Node.js 的。

2、使用 npm 安装 Yarn(推荐方法)

  • 打开终端或命令提示符。
  • 执行命令 npm install -g yarn。这会在全局环境中安装 Yarn,允许在任何地方使用 yarn 命令。
    除了 npm,也可以使用系统的包管理器(如 Homebrew、APT、YUM)或直接从 Yarn 的官网下载安装程序来安装 Yarn。

3、验证

安装和配置完成后,可以通过以下命令来验证 Yarn 是否安装成功以及配置是否正确:

yarn --version

如果命令返回了 Yarn 的版本号,则表示安装成功。

二、配置 Yarn

Yarn 的配置相对简单,但你可能需要设置一些镜像源以提高下载速度。以下是一些常用的国内镜像源:

淘宝 NPM 镜像:https://registry.npmmirror.com/
官方 CNPM 镜像:https://r.cnpmjs.org/
京东 Yarn 镜像:https://mirrors.jd.com/npm/

1、配置镜像源

设置镜像源的命令如下:

yarn config set registry <mirror-url>

例如,设置淘宝镜像源的命令如下:

yarn config set registry https://registry.npm.taobao.org/

三、Yarn 的基本用法

详细命令可参考:Yarn命令集,下面列举几个常用的:

  1. 初始化一个新项目
yarn init  #类似于 npm init

这会引导你创建一个新的 package.json 文件,其中包含项目的基本信息和依赖项。

  1. 添加依赖项
yarn add [package] 
yarn add [package]@[version]  #指定要安装的包的版本
yarn global add [package]   #全局安装依赖项,将指定的包全局安装到系统中,可以在任何地方访问

在当前项目中添加一个依赖包,Yarn 会自动更新 package.json 和 yarn.lock 文件。

  1. 删除依赖项
 yarn remove [packageName]

Yarn 会自动更新 package.json 和 yarn.lock 文件。

  1. 更新依赖项
yarn upgrade [package] 

Yarn 会更新一个依赖包到基于规范范围的最新版本。

  1. 安装项目的全部依赖项
yarn install 

安装 package.json 文件中指定的所有依赖项,并将它们及其依赖项保存进 yarn.lock 文件。

  1. 查看已安装的依赖项
yarn list 

列出当前项目中已安装的所有依赖项。

  1. 查看特定依赖项的信息
yarn info [packageName]

查看指定包的信息,包括最新版本、依赖关系等。

  1. 运行脚本
yarn run [scriptName] 

执行在 package.json 中 scripts 属性下定义的脚本。

  1. 缓存管理
> Yarn 提供了缓存管理命令,如:
yarn cache list #列出已缓存的每个包
yarn cache dir #返回全局缓存位置
yarn cache clean #清除缓存

注意事项 :

  • 在配置和使用 Yarn 的过程中,可能会遇到权限问题或网络问题。如果遇到权限问题,可以尝试使用 sudo 命令或更改 npm 的权限设置。
  • 为了确保 Yarn 能够正常工作,建议定期更新到最新版本。

四、Yarn 的优势

  • 快速:Yarn 利用并行下载和本地缓存等技术,大大提高了包的下载速度。
  • 可靠:通过锁定依赖版本,Yarn 确保在不同环境中构建的一致性。
  • 安全:Yarn 提供了包的校验和验证机制,确保下载的包没有被篡改。
  • 简单易用:Yarn 的命令简洁明了,易于学习和使用。

总结

从上面可以看出,Yarn 是一个功能强大且易于使用的 JavaScript 包管理器,它通过提供快速、可靠和安全的依赖管理功能,大大提高了前端开发的效率。

  • 33
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一沐南风

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值