發(fā)布于:2021-01-07 17:31:22
0
271
0
通過解析逐行重新打印代碼,Prettier有助于實施一致的樣式。新的2.0版本引入了新的CLI,現(xiàn)在它對用戶更直觀,對開發(fā)人員更友好,更改了默認值,TypeScript 3.8功能等。
最初發(fā)布早在2017年年初,更漂亮已成長為一個比較成熟的自以為是的代碼格式化。2.0版于2020年3月21日到達。Prettier 2.0改進了默認設(shè)置,包括更好,更用戶友好的CLI,將TypeScript升級到3.8等等。
從項目的GitHub README,Prettier“通過解析代碼并使用自己的規(guī)則(考慮最大行長,并在必要時包裝代碼)重新打印,從而實現(xiàn)一致的樣式”。
了解2.0如何擴展其用途,并使Prettier變得更加漂亮。
改進的CLI
現(xiàn)在,新的CLI更加用戶直觀和開發(fā)人員友好。新的更新包括:
在glob之前檢查模式是否存在: 請參閱原始問題。這將避免Linux命名遇到潛在的錯誤。
擴展目錄:請參閱拉取請求。
錯誤報告更改: Prettier將為各個模式打印“無匹配文件”。
重新排列文件順序:處理文件后,它們現(xiàn)在將按指定路徑的順序排序。(在以前的版本中,文件按字母順序排列。)
更改默認值
越漂亮2.0更改默認值trailingComma, arrowParens和 endOfLine選項。
TrailingComma的默認值更改為es5而不是任何值。用戶可以使用{“ trailingComma”:“ none”}恢復(fù)到舊配置。
對于arrowParens,已將其默認值更改為始終,并且現(xiàn)在將用括號括起箭頭函數(shù)參數(shù)
將endOfLine的默認值更改為of。查看選項文檔以獲取有關(guān)配置的信息。
TypeScript更新
使用Prettier 2.0,現(xiàn)在支持TypeScript 3.8語法。新增加的內(nèi)容包括:
Type-Only Imports and Exports
ECMAScript Private Fields
export * as ns
更漂亮的概述
更漂亮的不僅限于JavaScript;它可以使用多種工具。與TypeScript,Angular,F(xiàn)low,JSON,CSS,GraphQL Schema,Vue,Markdown或YAML一起使用。
如果這還不夠,社區(qū)插件會將其支持擴展到Java,Apex,PHP,Ruby,Swift等。(請注意,其中一些插件仍在開發(fā)中。)
它消除了整個代碼庫中的原始樣式,并逐行重新打印代碼,為您完成了所有繁重的工作。
從文檔中:Prettier在整個代碼庫中強制執(zhí)行一致的代碼樣式(即,不會影響AST的代碼格式),因為它無視原始樣式*,方法是將其剖析并重新打印經(jīng)過解析的AST(其自身規(guī)則占用最大行長)考慮,必要時包裝代碼。
升級到2.0
在升級到版本2.0之前,請檢查重大更改列表,并避免破壞代碼。已刪除了對低于v10的Node的支持,以及一些API更改,新的默認值以及已刪除的不建議使用的選項和選項值。
使用yarn或npm安裝Prettier 2.0。請按照此處的文檔說明進行操作。
嘗試一下新功能,然后嘗試一下,然后在操場上玩耍?;蛘?,在GitHub上查看源代碼,打開一個問題,創(chuàng)建拉取請求,然后提供幫助。