React应用创建工具

一个用于快速创建React应用的工具,提供开发、测试、构建和部署等功能。

  • by HoangDang2825
  • JavaScript
  • 本地部署
  • 更新于
在 GitHub 查看 HoangDang2825/demo-mcp

使用说明

创建React应用程序入门

该项目是通过以下方式启动的 创建 React 应用.

可用脚本

在项目目录中,您可以运行:

npm start

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

当您进行更改时,页面将重新加载。
您还可以在控制台中看到任何lint错误。

npm test

在交互式观察模式下启动测试运行器。
请参阅以下部分 运行测试 了解更多信息。

npm run build

为生产构建应用程序 build 文件夹。
它正确地将React捆绑在生产模式中,并优化构建以获得最佳性能。

构建被缩小,文件名包括哈希值。
您的应用程序已准备好部署!

请参阅以下部分 部署 了解更多信息。

npm run eject

注意:这是一个单向操作。曾经的你 eject你不能回去!

如果您对构建工具和配置选择不满意,可以 eject 在任何时候。此命令将从项目中删除单个生成依赖项。

相反,它会将所有配置文件和可传递依赖项(webpack、Babel、ESLint等)直接复制到您的项目中,这样您就可以完全控制它们。除以下命令外的所有命令 eject 仍然可以工作,但它们会指向复制的脚本,以便您可以对其进行调整。此时,你只能靠自己了。

你永远不必使用 eject。精心策划的功能集适用于中小型部署,您不应该觉得有义务使用此功能。但是,我们理解,如果您在准备使用时无法对其进行自定义,则此工具将毫无用处。

了解更多

您可以在 创建React应用程序文档.

要学习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-运行构建无法缩小