什麼是 Prettier
Prettier 是一款主觀風格的程式碼格式化工具，透過解析程式碼並根據內建規則重新輸出，強制執行一致的風格。與傳統著重於錯誤檢測的 linter 不同，Prettier 會忽略原始樣式，確保程式碼庫無論原始作者習慣如何，皆能保持統一。它支援廣泛的生態系統，包括 JavaScript、TypeScript、CSS、HTML 和 GraphQL。透過自動化格式化流程，它消除了程式碼審查中關於「風格」的爭論，讓開發者能專注於邏輯而非縮排或分號位置。它是維護高頻率更新、多貢獻者儲存庫的業界標準。
Prettier 的核心功能
主觀格式化引擎
Prettier 會捨棄原始樣式，並根據內部的 AST (抽象語法樹) 重構程式碼。透過強制執行嚴格的規則集，消除了關於括號位置或行長度的主觀爭論。這種確定性的方法確保專案中的每個檔案看起來都完全相同，減少開發者在模組間切換時的認知負擔。
多語言支援
除了 JavaScript 和 TypeScript，Prettier 還支援 CSS、HTML、JSON、Markdown、YAML 和 GraphQL。這種統一的工具鏈意味著開發者無需為不同檔案類型使用個別的格式化工具。它能以相同的一致性處理如 SCSS 或 MDX 等語言的複雜巢狀結構，為全專案的樣式提供單一事實來源。
IDE 整合生態系統
Prettier 為 VS Code、WebStorm、Vim 和 Emacs 提供了一流的插件。透過掛載到編輯器的「儲存時格式化」生命週期，它能提供即時回饋。這種緊密的整合確保程式碼在提交至版本控制前就已完成格式化，防止混亂的 diff 並維持乾淨的 git 歷史紀錄。
零設定預設值
Prettier 隨附的預設值適用於 95% 的專案。雖然它允許進行少量設定（如縮排寬度或分號使用），但刻意限制選項以防止「設定膨脹」。這種哲學迫使團隊接受標準，避免了基於 ESLint 格式化規則常見的無止盡自訂循環。
CI/CD 管線強制執行
透過在 CI 管線中執行 `prettier --check`，團隊可以自動拒絕包含未格式化程式碼的 Pull Request。這種把關機制確保沒有開發者能繞過團隊的風格指南，在無需維護者手動介入的情況下，維持整個儲存庫 100% 的合規性。
如何使用 Prettier
- 透過 npm 安裝套件至專案：
npm install --save-dev --save-exact prettier。2. 建立一個空的設定檔以啟用：echo {}> .prettierrc.json。3. 建立.prettierignore檔案以排除如dist、coverage和node_modules等建置產物。4. 在package.json中加入格式化腳本："format": "prettier --write \"src/**/*.js\""。5. 安裝官方 Prettier 擴充功能並啟用「儲存時格式化 (Format on Save)」，以整合至 IDE (VS Code, WebStorm)。6. 執行npm run format即可一次標準化整個程式碼庫。
Prettier 的使用情境
大型團隊標準化
在大型企業團隊中，開發者常有衝突的編碼風格。透過整合 Prettier，團隊能從程式碼審查中移除與風格相關的評論，讓資深工程師能專注於架構邏輯而非語法，顯著提升 PR 審查流程的效率。
自動化遺留程式碼重構
當繼承格式不一致的遺留程式碼庫時，開發者可以在整個專案執行 Prettier 來正規化語法。這提供了一個乾淨的基準，使閱讀程式碼並識別實際 Bug 變得更容易，而不會被不一致的縮排或間距所干擾。
Markdown 文件
技術寫作者與開發者使用 Prettier 來格式化 Markdown 檔案，確保表格、清單和程式碼區塊保持一致對齊。這對於文件密集的儲存庫特別有用，因為可讀性對終端使用者與貢獻者至關重要。
誰適合使用 Prettier
前端開發者
他們管理複雜的 JS/TS/CSS 技術堆疊，需要確保程式碼在大型應用程式中保持可讀性與一致性，以減少協作開發的摩擦。
開源專案維護者
他們會收到來自不同技能水平與風格開發者的貢獻。Prettier 扮演自動化守門人的角色，確保所有傳入的程式碼皆符合專案標準。
DevOps 工程師
他們實作 CI/CD 管線並需要自動化工具來強制執行程式碼品質標準，確保只有格式正確的程式碼能被合併至生產分支。
Prettier 的價格方案
採用 MIT 授權的開源專案。無論是個人或商業專案，皆可完全免費使用、散佈與修改。
