🚀 使用 Create React App 快速入门

本项目借助 Create React App 搭建，能帮助你快速开启 React 项目开发之旅，节省项目初始化时间，专注于业务逻辑实现。

🚀 快速开始

此项目使用 Create React App 创建。在项目目录中，你可以运行以下脚本进行不同操作。

📦 安装指南

若要运行本项目，你需要安装 Node.js 和 npm。安装完成后，克隆项目仓库并进入项目目录，即可使用以下脚本。

💻 使用示例

基础用法

npm start

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

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

📚 详细文档

你可以在Create React App 文档中了解更多。要学习 React，请查阅React 文档。

代码分割

相关内容已移动到：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

⚠️ 重要提示

使用 npm run eject 是一次性操作，一旦执行将无法返回，请谨慎使用。

💡 使用建议

在开发过程中，可优先使用 npm start 进行开发模式的调试；在项目部署前，使用 npm run build 进行生产环境的构建。若对默认配置不满意，可在充分了解项目后再考虑使用 npm run eject。