代码格式化程序Prettier 2.0改进了CLI并升级到TypeScript 3.8

发布于:2021-01-07 17:31:22

0

205

0

javascript TypeScript 代码

通过解析逐行重新打印代码,Prettier有助于实施一致的样式。新的2.0版本引入了新的CLI,现在它对用户更直观,对开发人员更友好,更改了默认值,TypeScript 3.8功能等。

最初发布早在2017年年初,更漂亮已成长为一个比较成熟的自以为是的代码格式化。2.0版于2020年3月21日到达。Prettier 2.0改进了默认设置,包括更好,更用户友好的CLI,将TypeScript升级到3.8等等。

从项目的GitHub README,Prettier“通过解析代码并使用自己的规则(考虑最大行长,并在必要时包装代码)重新打印,从而实现一致的样式”。

了解2.0如何扩展其用途,并使Prettier变得更加漂亮。

改进的CLI

现在,新的CLI更加用户直观和开发人员友好。新的更新包括:

  • 在glob之前检查模式是否存在: 请参阅原始问题。这将避免Linux命名遇到潜在的错误。

  • 扩展目录:请参阅拉取请求。

  • 错误报告更改: Prettier将为各个模式打印“无匹配文件”。

  • 重新排列文件顺序:处理文件后,它们现在将按指定路径的顺序排序。(在以前的版本中,文件按字母顺序排列。)

更改默认值

越漂亮2.0更改默认值trailingComma, arrowParens和 endOfLine选项。

  • TrailingComma的默认值更改为es5而不是任何值。用户可以使用{“ trailingComma”:“ none”}恢复到旧配置。

  • 对于arrowParens,已将其默认值更改为始终,并且现在将用括号括起箭头函数参数

  • 将endOfLine的默认值更改为of。查看选项文档以获取有关配置的信息。

TypeScript更新

使用Prettier 2.0,现在支持TypeScript 3.8语法。新增加的内容包括:

  • Type-Only Imports and Exports

  • ECMAScript Private Fields

  • export * as ns

更漂亮的概述

更漂亮的不仅限于JavaScript;它可以使用多种工具。与TypeScript,Angular,Flow,JSON,CSS,GraphQL Schema,Vue,Markdown或YAML一起使用。

如果这还不够,社区插件会将其支持扩展到Java,Apex,PHP,Ruby,Swift等。(请注意,其中一些插件仍在开发中。)

它消除了整个代码库中的原始样式,并逐行重新打印代码,为您完成了所有繁重的工作。

从文档中:Prettier在整个代码库中强制执行一致的代码样式(即,不会影响AST的代码格式),因为它无视原始样式*,方法是将其剖析并重新打印经过解析的AST(其自身规则占用最大行长)考虑,必要时包装代码。

升级到2.0

在升级到版本2.0之前,请检查重大更改列表,并避免破坏代码。已删除了对低于v10的Node的支持,以及一些API更改,新的默认值以及已删除的不建议使用的选项和选项值。

使用yarn或npm安装Prettier 2.0。请按照此处的文档说明进行操作。

尝试一下新功能,然后尝试一下,然后在操场上玩耍。或者,在GitHub上查看源代码,打开一个问题,创建拉取请求,然后提供帮助。