Oftadeh - React Admin 响应模板是一个完全用 Javascript(reactjs 和material-ui)编写的 React 应用程序,没有 jQuery 依赖项。
要观看现场演示,请单击此处。
React 是我们模板的核心。如果您不知道 React 是什么或不知道如何使用它,我们强烈建议您在开始使用 Oftadeh 进行任何操作之前先检查一下 React。
Create React App 是 Facebook 开发人员构建的工具,可帮助您构建 React 应用程序。它使您免于耗时的设置和配置。
npm start
npm test
npm run build
npm run eject
npm run build
无法缩小本节将为您提供一些有关您需要哪些工具的信息。
要安装和使用 Oftadeh React,您需要在计算机上安装 Node.js。我们不会详细介绍 Node.js,因为它超出了本文档的范围。此外,您不需要实际使用 Node.js,它仅在开发过程中需要。
A.安装先决条件
从其网站至少下载并安装 LTS 或最新版本的 Node.js。
B.安装 Oftadeh React
打开您最喜欢的控制台应用程序(终端、命令提示符等),导航到您的工作文件夹,运行以下命令并等待其完成:
npm install
仍在工作文件夹中时,在控制台应用程序中运行以下命令:
npm start
以下命令将应用程序构建到输出目录中
npm run build
将应用程序编译到 /build 目录中
查看 Facebook 的 create-react-app 文档:部署
以下是 Oftadeh React 的项目结构:
该项目是通过 Create React App 启动的。
在项目目录中,您可以运行:
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
本节已移至此处: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
完全免费(麻省理工学院)!有关更多信息,请参阅 LICENSE.md。
您可以捐赠给我们。捐赠链接