使用Prettier格式化代碼

漂亮的是一個自以為是的代碼格式化程序。這是為您和您的團隊保持一致的代碼格式的好方法,並且開箱即用地支持許多不同的語言。

漂亮的入門

漂亮的是一個自以為是的代碼格式化程序。

Prettier logo

它支持許多不同的現成語法,包括:

外掛程式您可以將其用於Python,PHP,Swift,Ruby,Java等。

它與包括VS Code,Sublime Text,Atom等在內的最受歡迎的代碼編輯器集成在一起。

Prettier非常受歡迎,截至2018年2月,它已被下載超過350萬次。

您需要進一步了解Prettier的最重要鏈接是

更少的選擇

我最近學習了圍棋,圍棋的最好的事情之一是gofmt,這是一種官方工具,可以根據通用標準自動設置代碼格式。

95%左右的Go代碼看起來完全一樣,因為此工具可以輕鬆實施,並且由於Go維護人員為您定義了樣式,因此您更有可能適應該標準,而不必堅持根據自己的風格。如製表符與空格,或在何處放置左括號。

這聽起來像是一個限制,但實際上非常強大。所有的Go代碼看起來都一樣。

更漂亮的是gofmt為世界其他地區

它只有很少的選擇,並且大多數決定已經為您做出因此您可以停止爭論樣式和小事,而將精力集中在代碼上。

與ESLint的區別

ESLint是一個lint,它不僅格式化,而且由於對代碼的靜態分析,還突出了一些錯誤。

它是一種寶貴的工具,可以與Prettier一起使用。

ESLint還強調了格式設置問題,但是由於它的可配置性要強得多,因此每個人都可以使用不同的格式設置規則集。漂亮的東西為所有人提供了共同點。

現在,您可以自定義一些內容,例如:

  • 標籤寬度
  • 單引號與雙引號的使用
  • 行列號
  • 尾隨逗號的使用

以及其他一些,但是Prettier試圖將這些自定義項的數量控制在可控範圍內,以避免過於自定義。

安裝

漂亮的東西可以從命令行運行,您可以使用以下命令安裝它或者npm

Prettier的另一個很好的用例是在PR上為您運行吉特儲存庫,例如的GitHub

如果使用受支持的編輯器,最好的做法是直接從編輯器中使用Prettier,並且每次保存時都會運行Prettier格式。

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

初學者更漂亮

如果您認為Prettier僅適用於團隊或專業用戶,那麼您會錯過此工具的價值主張。

好的風格會養成良好的習慣。

格式化是一個初學者通常忽略的主題,但是擁有清晰一致的格式化是成功成為新開發人員的關鍵。

另外,即使您開始使用JavaScript2週前,有了Prettier,您的代碼-就樣式而言-看起來就像是自1998年以來由JavaScript Guru編寫JS編寫的代碼一樣。


更多devtools教程: