Prettier是很有特色的代码格式化工具,可以使整个代码库的过程自动化。在设置好Prettier后,不再需要讨论格式化规则、分号、换行符等问题,它会导入代码,删除所有格式,并根据样式规则重新格式化代码。

Prettier支持的格式化代码包括:JavaScript(包括ES2017)、JSX、Flow、TypeScript、CSS(Less、SCSS)、JSON、GraphQL、Markdown(包括GFM)。比如单行的js脚本

foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne());

经过Prettier处理后

foo(
  reallyLongArg(),
  omgSoManyParameters(),
  IShouldRefactorThis(),
  isThereSeriouslyAnotherOne()
);

在Prettier环境下,javascript代码会被转换为抽象语法树,然后被重新格式化。

与ESLint差异

ESLint是代码质量工具,确保没有未使用的变量、全局变量等,而Prettier只关心格式化文件(最大长度,混合标签,空格,引用样式等)

Linters诸如ESLint/TSLint/stylelint有两类规则:

  • 格式,比如max-len,keyword-spacing等

  • 质量

Prettier会重写全部程序,但是它不会如Linters一般捕捉存在的代码错误。

results matching ""

    No results matching ""