Getting Started With Create React App Iq5

🚀 使用 Create React App 快速入門

本項目藉助 Create React App 搭建，能幫助你快速開啟 React 項目開發之旅，節省項目初始化時間，專注於業務邏輯實現。

🚀 快速開始

此項目使用 Create React App 創建。在項目目錄中，你可以運行以下腳本進行不同操作。

📦 安裝指南

若要運行本項目，你需要安裝 Node.js 和 npm。安裝完成後，克隆項目倉庫並進入項目目錄，即可使用以下腳本。

💻 使用示例

基礎用法

npm start

以開發模式運行應用。打開 http://localhost:3000 在瀏覽器中查看它。頁面會在你進行更改時重新加載，你也可以在控制檯中看到任何 lint 錯誤。

npm start

npm test

啟動交互式測試運行器。有關更多信息，請參閱運行測試部分。

npm test

npm run build

將應用構建到生產環境的 build 文件夾中。它會正確地將 React 構建在生產模式下，並對構建進行優化以獲得最佳性能。構建結果是經過壓縮的文件名包含哈希值，你的應用程序已準備好部署！有關更多信息，請參閱部署部分。

npm run build

npm run eject

注意：這是一次性操作。一旦你使用了 eject，你就無法返回！

如果你對構建工具和配置選擇不滿意，可以在任何時候使用 eject。此命令將從你的項目中移除唯一的構建依賴項。相反，它會複製所有配置文件以及轉出依賴項（如 webpack、Babel、ESLint 等），直接放入你的項目中，這樣你就可以完全控制它們了。除了 eject 之外的所有命令仍然有效，但它們將指向複製的腳本，因此你可以進行調整。從這一刻起，你就掌握主動權了。你不一定要使用 eject。經過優化的功能集適用於小規模和中等規模的部署，並且你不應該感到必須使用此功能的壓力。然而我們理解，如果沒有自定義選項，這個工具將不會對你有用。

npm run eject

📚 詳細文檔

你可以在Create React App 文檔中瞭解更多。要學習 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-run-build-fails-to-minify

⚠️ 重要提示

使用 npm run eject 是一次性操作，一旦執行將無法返回，請謹慎使用。

💡 使用建議

在開發過程中，可優先使用 npm start 進行開發模式的調試；在項目部署前，使用 npm run build 進行生產環境的構建。若對默認配置不滿意，可在充分了解項目後再考慮使用 npm run eject。