使用 Prettier 格式化代碼

Prettier 是一個主觀的代碼格式化工具。它是保持您和團隊代碼格式一致的絕佳方式，並且支援許多不同的語言。

Prettier 簡介

Prettier 是一個主觀的代碼格式化工具。

它可以直接支援許多不同的語法，包括：

而通過使用插件，您還可以在Python、PHP、Swift、Ruby、Java等語言中使用它。

它與許多常用的編輯器集成，包括 VS Code、Sublime Text、Atom 等等。

Prettier 在開發者中非常受歡迎，截至 2018 年 2 月已下載超過 350 萬次。

了解更多有關 Prettier 的重要連結：

最近我學習了 Go 語言，其中最棒的事情之一就是 gofmt，這是一個官方工具，可以根據常見的標準自動為您格式化代碼。

95% 的 Go 代碼（估計數據）看起來都是一模一樣的，因為這個工具可以輕鬆地強制執行，並且由於樣式已經由 Go 維護者為您定義，所以您更有可能適應該標準，而不是堅持使用自己的風格，例如使用制表符還是空格，或者在哪裡放置左大括號。

這聽起來可能有些局限性，但它實際上非常強大。所有的 Go 代碼都是一模一樣的。

**Prettier 是其它語言世界中的 gofmt**。

它幾乎沒有什麼選項，大部分的決策已經為您定好，所以您可以停止就風格和細節問題進行爭論，並專注於寫代碼。

ESLint 是一個檢查工具，它不僅僅可以格式化代碼，而且還能通過靜態分析程式碼來檢測錯誤。

ESLint 是一個寶貴的工具，它可以與 Prettier 同時使用。

ESLint 也會檢查格式問題，但由於可配置性更高，每個人可能都有不同的格式規則。而 Prettier 則提供了一個統一的基礎。

現在，您可以自定義一些選項，例如：

以及其他一些選項，但 Prettier 嘗試將這些選項的數量控制在一個可接受的範圍內，以避免過於可定制化。

您可以通過命令行運行 Prettier，並且可以使用 Yarn 或 npm 來安裝它。

Prettier 的另一個很好的使用案例是在您的 Git 倉庫的 PR 上運行它，例如在 GitHub 上。

如果您使用支援的編輯器，最好直接在編輯器中使用 Prettier，這樣每次保存時都會執行 Prettier 格式化。

如果您認為 Prettier 只適用於團隊或專業使用者，則您將錯過此工具的一個重要價值。

良好的風格可以促使良好的編程習慣。

格式化是初學者通常忽視的一個主題，但擁有整潔且一致的格式對於您作為新開發人員的成功至關重要。

而且，即使您在兩周前才開始使用 JavaScript ，使用 Prettier，您的代碼在風格上也會與從 1998 年開始撰寫 JavaScript 代碼的 JavaScript 神手寫的代碼非常相似。

tags: [“Prettier”, “code formatting”, “ESLint”]