React 中如何使用 Create React App 创建项目？

推荐答案

npx create-react-app my-app
cd my-app
npm start

本题详细解读

1. 使用 npx 创建项目

npx 是 npm 5.2.0 及以上版本自带的一个工具，用于运行本地或远程的 npm 包。通过 npx create-react-app my-app 命令，你可以快速创建一个名为 my-app 的 React 项目。create-react-app 是 Facebook 官方提供的一个脚手架工具，用于快速搭建 React 项目。

2. 进入项目目录

创建项目后，使用 cd my-app 进入项目目录。my-app 是项目的名称，你可以根据需要修改为其他名称。

3. 启动开发服务器

进入项目目录后，运行 npm start 命令来启动开发服务器。这个命令会启动一个本地开发服务器，并自动打开浏览器访问 http://localhost:3000，你可以在浏览器中实时查看和调试你的 React 应用。

4. 项目结构

创建的项目会包含以下主要文件和目录：

• public/: 包含静态文件，如 index.html。
• src/: 包含 React 应用的源代码，如 App.js 和 index.js。
• package.json: 项目的配置文件，包含依赖和脚本。

5. 其他常用命令

• npm test: 运行测试。
• npm run build: 构建生产环境的代码。
• npm run eject: 将项目的配置文件和依赖项暴露出来，以便进行更高级的配置。

通过以上步骤，你可以快速创建一个 React 项目并开始开发。