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一般捕捉存在的代码错误。