跳至主要内容

Prettier 是什麼？

Prettier 是一個強大的程式碼格式化工具，用於確保你的程式碼風格一致並且易於閱讀。它自動將你的程式碼格式化，遵循一組預先定義的規範，使得不同開發人員之間的程式碼風格保持一致，減少因格式問題引起的爭議。

主要特點​

  • 統一格式：無論團隊成員的程式碼風格如何，Prettier 都能自動將程式碼格式化為統一的風格。
  • 多語言支援：Prettier 支持多種編程語言，包括 JavaScript、TypeScript、CSS、HTML、JSON 等。
  • 易於整合：Prettier 可以輕鬆地整合到現有的開發環境和工作流程中，支援大多數主流的 IDE 和編輯器。
  • 自動修復：在儲存檔案時自動格式化代碼，減少手動調整的需求。

為什麼使用 Prettier？​

  1. 提升程式碼可讀性：統一的格式讓代碼更加整潔和易讀。
  2. 減少程式碼審查的負擔：專注於程式碼邏輯和功能，而不是格式問題。
  3. 提高開發效率：自動格式化減少了手動調整的時間，讓開發人員專注於撰寫程式本身。

如何運作？​

Prettier 透過解析你的程式碼產生成一棵抽象語法樹（AST），然後根據預先定義的規則重新格式化程式碼。這個過程是完全自動的，不需要人工干預。

安裝與使用​

接下來的幾篇說明文件將詳細介紹如何在本地環境和不同的 IDE 中安裝和使用 Prettier，以及如何設定和整合 Prettier 到你的開發流程中。