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。
您可以向我們捐款。捐贈連結