Prettier
常用配置
- 自动格式化会在后面加上逗号,加上这个配置就会去掉逗号
"prettier.trailingComma": "none",
为什么不用Prettier?
Prettier作为代码格式化工具,只关注代码格式而不会去关注代码逻辑,因而我们看到,在项目中同时使用 ESLint 和 Prettier 来检查代码是很常见的。如果你自己配置过它们,你可能会注意到它们之间有一些功能是重叠的 -- ESLint 也可以用来格式化代码,通常的做法是使用eslint-config-prettier在 ESLint 中禁用这些重复的规则
- ESLint 也可以像 Prettier 一样进行代码格式化 -- eslint 有更多的配置选择自由
- ESLint 是确保代码质量必不可少的。由于 ESLint 能够进行代码格式化,因此只要一次性配置好eslint,就无需使用prettier
- Prettier是一个固执的格式化工具,做了很多硬性规则,比如printWidth配置项,它限制了每行的宽度【默认是80】,但是这样往往在代码review会降低可读性,有些代码我们并不喜欢换行,反而影响代码可读性,使代码难以审查。违背了让代码更具可读性的最初目标
可使用eslint库:
- @antfu/eslint-config: https://github.com/antfu/eslint-config
@antfu/eslint-config配置已经配置了像prettier一样的功能,可以格式化代码,并且提供了很多格式化代码的最佳实践