以下是原文翻译成繁體中文的版本：
# ReactJS - CLI Commands
您好，未來的React開發者！我很興奮能成為您踏進React CLI命令世界的引路人。作為一個教了多年計算機科學的人，我可以向您保證，掌握這些命令會讓您的React開發過程更加順暢和愉快。那麼，我們一起來看看吧！
## React的基本CLI命令
在我們開始之前，想像CLI命令就像是神奇的咒語，幫助您創建和管理React專案。就像魔法師揮動魔杖一樣，您將使用這些命令將您的網頁應用程序帶入生命！
### 創建新的React應用程序
我們咒語冊中的第一個咒語是用來創建新的React應用程序的。這就像種下一顆會長成美麗React樹的種子！
```bash
npx create-react-app my-awesome-app讓我們來分解一下：
-
npx是一個與npm 5.2+一起提供的包運行工具 -
create-react-app是官方的React專案創建工具 -
my-awesome-app是您的專案名稱（您可以將其更改為您喜歡的任何名稱！）
運行此命令後，您會看到很多文字滾動 - 不要擔心，這只是您的計算機在為您的React專案設置所有必需的文件和依賴關係。這就像看著廚師為美味大餐準備所有食材！
切換到您的專案目錄
創建完專案後，您需要移動到其目錄。將這想像成進入您新的React家園！
cd my-awesome-app開始您的React應用程序
現在，我們已經進入專案目錄，該讓我們的React應用程序活起來了！使用以下命令來啟動您的開發服務器：
npm start這個命令就像在您的React房子裡開燈一樣。它會啟動本地開發服務器並在瀏覽器中打開您的應用程序。您對代碼所做的任何更改都會自動在瀏覽器中重新加載 - 這就像有一面總是顯示您最新作品的神奇鏡子！
為生產環境構建您的React應用程序
當您準備將您的React傑作與世界分享時，您需要為生產環境創建一個構建版本。這會優化您的代碼以獲得最佳性能。
npm run build這個命令就像將您的React應用程序打包進行李箱，準備踏上網絡服務器的旅程。它會在您的專案目錄中創建一個包含所有優化文件的build文件夹。
運行測試
React帶有一個內置的測試運行器。為了確保您的應用程序按預期工作，您可以運行以下命令來進行測試：
npm test將這想像成對您的React應用程序進行健康檢查。它會運行您編寫的所有測試，並告訴您一切是否正常。
從Create React App中退出
警告：這是一個高級命令，應小心使用！
npm run eject退出就像從父母家裡搬出去一樣 - 它會讓您完全控制所有配置文件和依賴關係。但是，這是一個單向操作，無法撤銷，所以在使用此命令之前請三思！
現在，讓我們將所有這些命令總結在一份方便的表格中：
| 命令 | 描述 |
|---|---|
npx create-react-app my-awesome-app |
創建一個新的React應用程序 |
cd my-awesome-app |
切換到專案目錄 |
npm start |
啟動開發服務器 |
npm run build |
創建生產構建 |
npm test |
運行測試 |
npm run eject |
從Create React App中退出（高級） |
實際範例
現在我們已經學習了這些命令，讓我們看看它們如何適應典型的React開發工作流程。
範例 1：創建並啟動一個新專案
npx create-react-app my-first-react-app
cd my-first-react-app
npm start這三個命令將創建一個名為"my-first-react-app"的新React專案，將您移動到專案目錄，並啟動開發服務器。這就像設置您的藝術家工作室並在畫架上放上一張全新的畫布！
範例 2：進行更改並即時看到結果
- 在代碼編輯器中打開您的專案。
- 找到
src/App.js文件並進行小更改，例如更新<p>標籤中的文字。 - 儲存文件。
- 查看您的瀏覽器 - 您應該會立即看到更改！
這種即時反饋循環是讓React開發如此愉快的原因之一。這就像有一支神奇的畫筆，能夠實時更新您的繪畫！
範例 3：運行測試
假設您為您的組件編寫了一些測試。運行以下命令來運行它們：
npm test您會在終端中看到測試結果。如果所有測試都通過，您會看到綠色勾選標誌。如果任何測試失敗，您會獲得關於錯誤的詳細信息。這就像有一個勤勉的助手為您檢查工作是否有錯誤！
範例 4：為生產環境構建
當您的應用程序準備好讓世界看到時：
npm run build此命令會在您的專案目錄中創建一個build文件夹。這個文件夹的內容是您將上傳到網絡服務器的。它已經為性能優化，所以您的應用程序會為用戶快速加載。
結論
恭喜您！您剛剛學會了React開發的基本CLI命令。這些工具將成為您構建精彩React應用程序時的常伴。記住，就像任何技能一樣，使用這些命令會隨著練習變得習以為常。
當我們結束時，我會想起一個學生曾經告訴我，學習這些命令讓她感覺像一個"React魔法師"。而您知道嗎？她說得對！有了這些命令在手，您可以輕鬆地創建、測試和部署React應用程序。
所以，勇往直前，施展出您的React咒語（我的意思是，運行您的CLI命令），在網絡上創造一些魔法吧！祝您編程愉快，願您的組件總是能完美渲染！
Credits: Image by storyset