漂亮的是一個自以為是的代碼格式化程序。這是為您和您的團隊保持一致的代碼格式的好方法,並且開箱即用地支持許多不同的語言。
漂亮的入門
漂亮的是一個自以為是的代碼格式化程序。
它支持許多不同的現成語法,包括:
與外掛程式您可以將其用於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教程:
- 約曼介紹
- Bower,瀏覽器程序包管理器
- 前端測試簡介
- 使用node-webkit創建桌面應用程序
- VS代碼:使用特定於語言的設置
- Webpack簡介
- 巴別塔簡短簡要指南
- 紗線介紹
- 瀏覽器DevTools概述
- 使用Prettier格式化代碼
- 使用ESLint保持代碼乾淨
- 很酷的Chrome DevTools提示和技巧列表
- 用Jest測試JavaScript
- 如何使用Visual Studio Code
- 電子概論
- 包裹,更簡單的Webpack
- Emmet的HTML參考
- V8 JavaScript引擎
- 配置VS代碼
- 配置macOS命令行
- 如何禁用ESLint規則
- 如何從命令行打開VS Code
- 如何在Electron上設置熱重裝