9.3 前端(Frontend)

https://github.com/compolabs/spark/tree/master/frontend

开始创建 React App (Getting Started with Create React App)

This project was bootstrapped with Create React App.

这个项目是用 Create React App 构建的。

可用脚本 (Available Scripts)

In the project directory, you can run: 在项目目录下，你可以运行：

npm start

Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.

在开发模式下运行应用。在浏览器中打开http://localhost:3000查看。

The page will reload if you make edits. You will also see any lint errors in the console.

如果您进行编辑，页面将重新加载。您还将在控制台中看到任何 lint 错误。

npm test

Launches the test runner in the interactive watch mode. See the section about running tests for more information.

在交互式观察模式下启动测试运行器。有关更多信息，请参阅有关 运行测试 的部分。

npm run build

Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.

将用于生产的应用构建到 build 文件夹中。它在生产模式下正确地捆绑了 React，并进行了优化来获得最佳性能。

The build is minified and the filenames include the hashes. Your app is ready to be deployed!

构建被缩小并且文件名包含哈希。您的应用已准备好部署！

See the section about deployment for more information.

有关详细信息，请参阅有关 部署 的部分。

npm run eject

Note: this is a one-way operation. Once you eject, you can’t go back!

注意：这是一种单向操作。一旦你 eject，你就回不去了！

If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

如果您对构建工具和配置选择不满意，您可以随时eject。此命令将从您的项目中删除单个构建依赖。

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

相反，它会将所有配置文件和传递依赖（webpack、Babel、ESLint 等）直接复制到您的项目中，以便您可以完全控制它们。除了 eject 之外的所有命令会仍然有效，但它们将指向复制的脚本，因此您可以调整它们。在这一点上，您可以按情况定夺。

You don’t have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

但是您不必使用 eject。精选的功能集适用于中小型部署，您不应该觉得必须使用此功能。但我们也明白，如果您在准备好使用它时无法对其进行自定义，那么该工具将毫无用处。

了解更多 (Learn More)

You can learn more in the Create React App documentation.

您可以在 Create React App 文档 中了解更多信息。

To learn React, check out the React documentation.

要学习 React，请查看 React 文档。