編輯器設定
一個配置得當的編輯器可以讓程式碼更清晰易讀，並加快編寫速度。它甚至可以在你編寫時就幫你找出錯誤！如果這是您第一次設定編輯器，或者您想調整現有的編輯器，我們有一些建議。
您將學習
- 最受歡迎的編輯器有哪些
- 如何自動格式化您的程式碼
您的編輯器
VS Code是當今最受歡迎的編輯器之一。它擁有龐大的擴充套件市場，並能與 GitHub 等熱門服務良好整合。下面列出的大多數功能也可以透過擴充套件添加到 VS Code 中，使其具有高度的可配置性！
React 社群中使用的其他熱門文字編輯器包括：
- WebStorm是一個專為 JavaScript 設計的整合式開發環境。
- Sublime Text支援 JSX 和 TypeScript，並內建了語法突顯和自動完成功能。
- Vim是一個高度可配置的文字編輯器，旨在非常高效地建立和修改任何類型的文字。它在大多數 UNIX 系統和 Apple OS X 中都以 "vi" 的形式包含在內。
推薦的文字編輯器功能
有些編輯器內建了這些功能，但其他編輯器可能需要添加擴充套件。請檢查您選擇的編輯器提供了哪些支援以確保無虞！
程式碼檢查
程式碼檢查工具會在您編寫時找出程式碼中的問題，幫助您及早修復。ESLint是一個受歡迎的、開源的 JavaScript 檢查工具。
請確保您已為您的專案啟用所有eslint-plugin-react-hooks規則。它們至關重要，能及早發現最嚴重的錯誤。推薦的eslint-config-react-app預設配置已包含它們。
格式化
當您與其他貢獻者分享程式碼時，最不希望發生的事情就是陷入關於Tab 鍵與空格的討論！幸運的是，Prettier會透過將程式碼重新格式化以符合預設的、可配置的規則來清理您的程式碼。執行 Prettier，您所有的 Tab 鍵都會轉換為空格——您的縮排、引號等也將全部更改以符合配置。在理想的設定中，Prettier 會在您儲存檔案時執行，快速為您進行這些編輯。
您可以按照以下步驟安裝VSCode 中的 Prettier 擴充套件：
- 啟動 VS Code
- 使用快速開啟（按 Ctrl/Cmd+P）
- 貼上
ext install esbenp.prettier-vscode - 按 Enter 鍵
儲存時格式化
理想情況下，您應該在每次儲存時格式化您的程式碼。VS Code 有相關設定！
- 在 VS Code 中，按下
CTRL/CMD + SHIFT + P。 - 輸入「settings」
- 按下 Enter
- 在搜尋列中，輸入「format on save」
- 請確保「format on save」選項已勾選！
如果你的 ESLint 預設配置包含格式化規則，它們可能會與 Prettier 衝突。我們建議使用eslint-config-prettier來停用 ESLint 預設配置中的所有格式化規則，這樣 ESLint 就只用於捕捉邏輯錯誤。如果你想在合併拉取請求前強制格式化檔案，請在你的持續整合中使用prettier --check。