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 是一個檢查工具,它不僅僅可以格式化代碼,而且還能通過靜態分析程式碼來檢測錯誤。

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

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

現在,您可以自定義一些選項,例如:

  • 制表符寬度
  • 使用單引號還是雙引號
  • 行長度
  • 是否使用尾逗號

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

安裝

您可以通過命令行運行 Prettier,並且可以使用 Yarnnpm 來安裝它。

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

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

例如,這是 VS Code 的 Prettier 擴展程式: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

Prettier 簡單入門

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

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

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

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