# 使用 create-react-app 创建项目

URL: https://caijiao.org/react/chapter2/create-react-app
Source: docs/react/chapter2/create-react-app.md
Description: 使用 create-react-app 创建 React 项目是初始化 React 应用的推荐方式，能够快速搭建一个开发环境并开始编写代码。

`create-react-app` 是一个官方支持的工具，用于快速创建一个新的 React 应用，它会为你配置好所有开发环境，免去手动设置 Webpack、Babel 等工具的麻烦。

## 1. 安装 `create-react-app`

首先，确保你的电脑上已经安装了 Node.js 和 npm。如果尚未安装，请参考前面的步骤安装 Node.js 和 npm。

然后，使用以下命令全局安装 `create-react-app`：

```bash
npm install -g create-react-app
````

## 2. 创建一个新的 React 项目

安装完成后，可以使用 `create-react-app` 命令创建一个新的 React 项目。运行以下命令，并将 `my-app` 替换为你希望创建的项目名称：

```bash
npx create-react-app my-app
```

`npx` 是 npm 5.2 版本及以上自带的工具，它会自动下载并运行 `create-react-app`，无需全局安装。

## 3. 进入项目目录

创建完成后，进入项目目录：

```bash
cd my-app
```

## 4. 启动开发服务器

使用以下命令启动开发服务器：

```bash
npm start
```

这将启动一个本地开发服务器，默认情况下，你可以通过浏览器访问 `http://localhost:3000` 来查看你的 React 应用。

`create-react-app` 为你提供了一个开箱即用的开发环境，你可以在此基础上开始开发你的 React 应用。