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