📜  安装 react yarn - Shell-Bash (1)

📅  最后修改于: 2023-12-03 15:09:24.990000             🧑  作者: Mango

安装 React & Yarn

React 和 Yarn 都是现代 JavaScript 开发所必须的工具。React 是一个流行的 JavaScript 库,用于创建可重用的用户界面组件,而 Yarn 是一个可靠的包管理器,为项目提供准确可靠的依赖管理。本文将会介绍如何在你的机器上安装 React 和 Yarn。

安装 Node.js

在安装 React 和 Yarn 之前,请确保你已经安装了 Node.js。可以访问 https://nodejs.org/ 下载适用于您操作系统的 Node.js 安装包,并按照其指引安装。

安装 React

安装 React 非常简单,只需要在命令行中输入以下命令即可:

npm install -g create-react-app

这将在全局范围内安装一个名为 create-react-app 的包,用于在本地快速初始化一个新的 React 应用。

初始化 React 应用

在安装 React 后,可以使用以下命令在本地初始化一个新的 React 应用:

create-react-app my-app

在上述命令中,my-app 为你的应用名称,你可以随便命名任何你喜欢的名字。上述命令将自动创建一个名为 my-app 的新目录,其中包含一个基本的 React 应用的骨架。

安装 Yarn

要安装 Yarn,请访问 https://yarnpkg.com/lang/en/docs/install/ 官方网站,并按照其所提供的指引依次安装。

使用 Yarn 管理依赖

使用 Yarn 管理依赖非常简单。在你的新应用的根目录下打开命令行窗口,并键入以下命令:

yarn install

这将会安装你的应用程序的所有依赖项。Yarn 还会自动创建一个名为 yarn.lock 的新文件,其中包含所有依赖项的确切版本号,以确保项目的稳定性和可维护性。

总结

本文介绍了如何安装 React 和 Yarn,并演示了如何使用这些工具来初始化新的 React 应用并管理其依赖项。开始使用这些工具将大幅提升你的 JavaScript 开发效率和代码的可重用性。