Testrepo

🚀 使用 Create React App 入門

本項目藉助 Create React App 啟動，能幫助開發者快速搭建 React 應用。

🚀 快速開始

此項目基於 Create React App 啟動，下面為你介紹一些常用操作。

✨ 主要特性

• 提供多種腳本，方便開發、測試、構建和部署應用。
• 支持代碼拆分、分析包大小等高級功能。
• 可創建漸進式 Web 應用。

📦 安裝指南

本項目使用 Create React App 啟動，無需額外安裝步驟，直接使用以下可用腳本即可。

💻 使用示例

基礎用法

在項目目錄中，您可以運行以下腳本：

npm start

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

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

高級用法

以下是一些高級功能的相關文檔鏈接：

代碼拆分

相關內容已移動到：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

📚 詳細文檔

您可以在 Create React App 文檔 中詳細瞭解。要學習 React，請參閱 React 文檔。

⚠️ 重要提示

使用 npm run eject 是一次性操作，執行後無法恢復，請謹慎使用。

💡 使用建議

在開發過程中，優先使用 npm start 進行開發和調試；在部署前，使用 npm run build 進行生產環境的構建。