🚀 使用 Create React App 入门

本项目借助 Create React App 启动，能帮助开发者快速搭建 React 应用。

🚀 快速开始

此项目基于 Create React App 启动，下面为你介绍一些常用操作。

✨ 主要特性

• 提供多种脚本，方便开发、测试、构建和部署应用。
• 支持代码拆分、分析包大小等高级功能。
• 可创建渐进式 Web 应用。

📦 安装指南

本项目使用 Create React App 启动，无需额外安装步骤，直接使用以下可用脚本即可。

💻 使用示例

基础用法

在项目目录中，您可以运行以下脚本：

npm start

以开发模式运行应用。打开 http://localhost:3000 在浏览器中查看。页面会在您进行更改时重新加载，您也可以在控制台中看到任何代码检查错误。

npm start

npm test

启动交互式测试运行器。有关更多详细信息，请参阅 运行测试 的部分。

npm test

npm run build

将应用构建到生产环境的 build 文件夹中。它会正确地将 React 捆绑在生产模式下，并优化构建以获得最佳性能。构建结果经过了缩小处理，文件名包含哈希值，您的应用随时可以部署！有关更多详细信息，请参阅 部署 部分。

npm run build

npm run eject

注意：这是一次性的操作。一旦您使用了 eject，就无法回头！

如果您对构建工具和配置选择不满意，可以在任何时候使用 eject。此命令会从项目中移除唯一的构建依赖项。相反，它会复制所有配置文件以及传递依赖项（如 webpack、Babel、ESLint 等），直接放入您的项目中，这样您就可以完全控制它们。除了 eject 之外的所有命令仍然有效，但它们将指向复制的脚本，因此您可以对其进行调整。从这一刻起，您就自行掌控了。

您不需要使用 eject。经过优化的功能集适用于小型和中型部署，并且您不应该感到必须使用此功能的压力。然而，我们理解，如果在需要自定义时无法做到这一点，这个工具将毫无用处。

npm run eject

高级用法

以下是一些高级功能的相关文档链接：

代码拆分

相关内容已移动到：https://facebook.github.io/create-react-app/docs/code-splitting

分析包大小

相关内容已移动到：https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

创建渐进式 Web 应用

相关内容已移动到：https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

高级配置

相关内容已移动到：https://facebook.github.io/create-react-app/docs/advanced-configuration

部署

相关内容已移动到：https://facebook.github.io/create-react-app/docs/deployment

npm run build 无法最小化

相关内容已移动到：https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

📚 详细文档

您可以在 Create React App 文档 中详细了解。要学习 React，请参阅 React 文档。

⚠️ 重要提示

使用 npm run eject 是一次性操作，执行后无法恢复，请谨慎使用。

💡 使用建议

在开发过程中，优先使用 npm start 进行开发和调试；在部署前，使用 npm run build 进行生产环境的构建。