使用Prettier格式化代码

漂亮的是一个自以为是的代码格式化程序。这是为您和您的团队保持一致的代码格式的好方法,并且开箱即用地支持许多不同的语言。

漂亮的入门

漂亮的是一个自以为是的代码格式化程序。

Prettier logo

它支持许多不同的现成语法,包括:

外挂程式您可以将其用于Python,PHP,Swift,Ruby,Java等。

它与包括VS Code,Sublime Text,Atom等在内的最受欢迎的代码编辑器集成在一起。

Prettier非常受欢迎,截至2018年2月,Prettier已被下载超过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教程: