如果你正在学习 React 或者考虑将其应用到现有的项目中，你可以 利用 script 标签将 React 添加到任何 HTML 页面 来快速开启学习之旅。如果你的项目需要许多组件和许多文件，那就需要考虑以下方式了！

React 是一个工具库，帮你以组件的方式拆解并组织 UI 代码。React 不负责路由（routing）或数据管理。对于这些功能，你需要使用第三方工具库或实现你自己的解决方案。这意味着创建一个新的 React 项目有多种方式可以选择：

无论你是刚入门，想要构建一个大项目，还是想要建立自己的工具链，本指南都能为你指明道路。

如果你是刚刚开始接触 React，我们建议你使用 Create React App，这是尝试 React 功能的最流行的方式，也是构建新的单页客户端应用的最好方法。Create React App 是一个专为 React 配置的功能齐备的工具链。工具链有助于：

你仅需一条命令就可以在终端（命令行）中利用 Create React App 创建一个新项目！（前提是确保安装了 Node.js！）

现在就可以通过以下命令运行你的应用程序了：

欲了解更多信息，请 [查看官方指南(https://create-react-app.dev/docs/getting-started)。

Create React App 并不处理后端逻辑或数据库操作，它只是创建了一个针对前端的构建管道。这意味着你可以为其对接任何后端。但是，如果你寻找的是对类似路由（routing）以及服务器端业务逻辑功能的支持的话，请接着往下看！

Create React App 非常适合 React 入门使用，但是如果你想要更轻量的工具链的话，请尝试以下几个流行的工具链：

如果你希望创建一个更大的、可用于生产环境的项目的话，Next.js 是一个非常好的起点。Next.js 是一个流行的、基于 React 构建的轻量级框架，用于构建静态和服务器端渲染的应用程序。该框架自带了路由（routing）、样式表（ styling）和服务器端渲染（server-side rendering）等功能，可以让你的项目快速开始并运行起来。

请查看 Next.js 的官方指导：使用 Next.js 构建项目 。

你可能更喜欢创建并配置自己的工具链。一个 JavaScript 构建工具链通常包含以下部分：

在较大的项目中，你可能还需要一个工具来管理单一仓库中的多个软件包。Nx 就是此类工具中的一个代表。

如果你喜欢葱头开始创建自己的 JavaScript 工具链的话，请 查看这份指南 来了解如何自行实现 Create React App 中的功能。