Oftadeh - React Admin 响应模板是一个完全用 Javascript(reactjs 和material-ui)编写的 React 应用程序,没有 jQuery 依赖项。
要观看现场演示,请单击此处。
React 是我们模板的核心。如果您不知道 React 是什么或不知道如何使用它,我们强烈建议您在开始使用 Oftadeh 进行任何操作之前先检查一下 React。
Create React App 是 Facebook 开发人员构建的工具,可帮助您构建 React 应用程序。它使您免于耗时的设置和配置。
npm startnpm testnpm run buildnpm run ejectnpm 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。
您可以捐赠给我们。捐赠链接