当前位置:   article > 正文

yarn的详细安装与使用_install yarn

install yarn

Yarn的安装与使用概述

Yarn(Yet Another Resource Negotiator)是一个现代化的JavaScript包管理工具,由Facebook、Google、Exponent和Tilde联合开发。Yarn的主要特点包括快速、可靠和安全。它支持离线模式、确定性、网络性能优化、多注册、网络恢复能力、扁平模式以及Emoji等多种功能特性。Yarn可以有效地管理项目依赖,提高开发效率,是现代前端开发中不可或缺的工具之一


Yarn 是一个用于管理 JavaScript 依赖项的包管理器,它是由 Facebook 开发的。下面是Yarn的详细安装与使用步骤:

安装 Yarn:

  1. 打开终端(命令提示符)。
  2. 在终端中输入以下命令来安装 Yarn:
    npm install -g yarn
    

    如果你还没有安装 Node.js,需要先安装 Node.js,然后再执行上述命令。Node.js可以从官方网站下载安装包进行安装

使用 Yarn:

  1. 在终端中进入你的项目目录。
  2. 初始化一个新的 Yarn 项目。在终端中输入以下命令:
    yarn init
    

    这会创建一个 package.json 文件,用于跟踪项目的依赖项。

  3. 添加依赖项。在终端中输入以下命令:
    yarn add [packageName]
    

    [packageName] 是你要添加的依赖项的名称。可以添加多个依赖项,每个依赖项之间用空格分隔。例如,要添加 React 和 React DOM 作为依赖项,可以输入以下命令:

    yarn add react react-dom
    

    这会将依赖项添加到 package.json 文件中,并下载并安装这些依赖项。

  4. 删除依赖项。在终端中输入以下命令:
    yarn remove [packageName]
    

    [packageName] 是你要删除的依赖项的名称。可以删除多个依赖项,每个依赖项之间用空格分隔。例如,要删除 lodash 和 axios 这两个依赖项,可以输入以下命令:

    yarn remove lodash axios
    
    这会从 package.json 文件中删除这些依赖项,并从你的项目中删除它们。
  5. 更新依赖项。在终端中输入以下命令:
    yarn upgrade [packageName]
    
    [packageName] 是你要更新的依赖项的名称。可以更新多个依赖项,每个依赖项之间用空格分隔。例如,要更新 lodash 和 axios 这两个依赖项,可以输入以下命令:
    yarn upgrade lodash axios
    
    这会将这些依赖项更新到最新版本。
  6. 安装项目的所有依赖项。在终端中进入你的项目目录,并执行以下命令:
    yarn install
    

    这会根据 package.json 文件中的依赖项列表,下载并安装项目的所有依赖项。

或者

从Yarn官网提供的shell脚本进行安装,使用curl命令下载安装脚本,并通过bash执行安装。例如,使用curl -o- -L https://yarnpkg.com/install.sh | bash -s -- --nightly进行安装。

通过npm全局安装,使用npm install -g yarn命令安装Yarn到系统中

MacOS系统安装Yarn

Yarn官方并未提供特定的MacOS安装方式,但可以通过Homebrew包管理器安装,命令为

brew install yarn

进阶使用

  1. 设置代理:如果在使用Yarn时遇到网络问题,可以通过yarn config set registry命令设置淘宝的npm镜像,以加速安装速度和稳定性。

  2. 运行脚本package.json中定义的脚本可以通过yarn run命令执行。例如,yarn run start将运行start脚本的命令。

  3. 发布包:使用yarn publish命令可以将包发布到Yarn的包管理服务器上

Yarn是一个用于管理JavaScript包依赖关系的工具。以下是一些Yarn的详细使用案例:

  1. 创建新的项目:

    yarn init
    

    这将引导你创建一个新的项目,并生成一个package.json文件。

  2. 添加依赖:

    yarn add <package-name>
    

    这将安装指定的包,并将其添加到package.json中的dependencies字段。

  3. 添加开发依赖:

    yarn add <package-name> --dev
    

    这将安装指定的包,并将其添加到package.json中的devDependencies字段。开发依赖是只在开发过程中使用的包,而不是在生产环境中使用的。

  4. 更新依赖:

    yarn upgrade
    

    这将检查package.json文件中的依赖关系,并尝试更新到最新的版本。你也可以指定要更新的特定包。

  5. 删除依赖:

    yarn remove <package-name>
    

    这将卸载指定的包,并从package.json的依赖字段中删除它。

  6. 安装项目的所有依赖:

    yarn install
    

    这将根据package.json文件安装项目的所有依赖。

  7. 安装全局包:

    yarn global add <package-name>
    

    这将全局安装指定的包。

  8. 运行脚本命令:

    yarn run <script-name>
    

    这将运行项目中定义的脚本命令,这些命令在package.json文件的scripts字段中定义。

实际项目中的应用

在实际项目中,Yarn可以大大提高开发效率。例如,假设你正在开发一个React应用,你可以通过运行yarn add react react-router-dom --save来添加React及其路由依赖,并通过yarn start来运行开发服务器。当你准备发布应用时,可以通过yarn build来构建项目

初始化项目

创建新的package.json文件,可以使用yarn init命令,它会生成一个包含项目元数据的package.json文件和一个yarn.lock文件,后者包含了精确的依赖关系信息

添加依赖

Yarn允许开发者通过yarn add命令添加依赖包。例如,要添加一个名为lodash的依赖项,可以运行yarn add lodash。如果需要添加特定版本的依赖,可以使用yarn add [package]@[version]yarn add [package]@[tag]。此外,Yarn还支持将依赖项添加到不同的依赖项类别中,devDependenciespeerDependenciesoptionalDependencie

升级依赖

依赖项的升级可以通过yarn upgrade命令来实现。如果要升级到一个特定的版本,可以使用yarn upgrade [package]@[version]yarn upgrade [package]@[tag]。如果想要升级到最新版本,可以使用yarn upgrade --latest [package]

删除依赖

如果需要从项目中删除一个依赖项,可以使用yarn remove命令。例如,要删除jquery,可以运行yarn remove jquery。同样地,也可以删除多个依赖项,例如yarn remove jquery lodash会同时删除jquerylodash

其他常用命令

Yarn还提供了一些其他的命令,如yarn list用于列出所有已安装的依赖项,yarn cache clean用于清除缓存,以及yarn global add用于全局安装包。

工作区使用案例

对于使用Yarn工作区的项目,可以通过yarn workspace <workspace_name>来指定工作区,然后执行相应的命令。例如,要在名为foo的工作区添加reactreact-dom作为devDependencies,可以使用命令yarn workspace foo add react react-dom --dev。类似地,yarn workspaces <command>可用于运行所有工作区中的命令。

生产环境与开发环境的使用区别

在生产环境中,你可能不会希望安装大量的开发依赖,因此可以使用yarn install --production来只安装生产所需的依赖。而在开发环境中,你可以使用yarn install来安装所有依赖,包括开发依赖

总结

Yarn的安装与使用相对简单直观,它不仅提供了丰富的命令来管理项目依赖,还通过其高效的缓存机制和并行下载能力,大大提升了开发效率。无论是初学者还是经验丰富的开发者,Yarn都是值得推荐的包管理工具。

在使用Yarn的过程中,建议始终关注其官方文档和社区动态,以便获取最新的信息和最佳实践。同时,合理利用Yarn的功能特性,可以更加高效地进行前端项目的开发和维护

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小舞很执着/article/detail/1013479
推荐阅读
相关标签
  

闽ICP备14008679号