# 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](https://github.com/facebook/create-react-app).

这个项目是用 [Create React App](https://github.com/facebook/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](http://localhost:3000/) to view it in the browser.

在开发模式下运行应用。在浏览器中打开[http://localhost:3000](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](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

在交互式观察模式下启动测试运行器。有关更多信息，请参阅有关 [运行测试](https://facebook.github.io/create-react-app/docs/running-tests) 的部分。

```
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](https://facebook.github.io/create-react-app/docs/deployment) for more information.

有关详细信息，请参阅有关 [部署](https://facebook.github.io/create-react-app/docs/deployment) 的部分。

```
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](https://facebook.github.io/create-react-app/docs/getting-started).

您可以在 [Create React App 文档](https://facebook.github.io/create-react-app/docs/getting-started) 中了解更多信息。

To learn React, check out the [React documentation](https://reactjs.org/).

要学习 React，请查看 [React 文档](https://reactjs.org/)。


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://zenofchain.gitbook.io/spark-wen-dang-geng-xin-zhong-spark-docupdating/kai-fa-zhe-developers/9.-ji-yu-zhi-neng-he-yue-de-ding-dan-bo-smart-contractbased-order-book/9.3-qian-duan-frontend.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.