Skip to content

Prettier

Prettier 官网

WARNING

在正式介绍 Prettier 之前,我想谈谈自己的观点。

我不是非常推荐 Prettier + ESLint + Stylelint 组合使用,单独使用 Prettier 是可以的。

首先,我个人并不反对使用 Prettier,它是一个非常优秀的工具。我个人不推荐的最大问题是:

  1. 它为了便于使用,尽可能少的配置,内置了非常多的规则,这些规则是无法更改的,它是固执己见的(Opinionated)
  2. Prettier + ESLint + Stylelint 一起使用会有一些冲突(都有代码格式的规则),通常的做法是使用 eslint-config-prettier 来在 ESLint 中使用禁用这些重叠规则(以及一些其他解决方案)。
  3. ESLint + Stylelint 就能够做到与 Prettier 一样的代码格式自动修复

当然,前端大神 antfu 也是同样的观点,这里罗列的部分原因也是来自 antfu,他还对此有一篇文章来解释。

其实 Prettier 不是严格意义上的 Lint 工具,但它能够很好地格式化代码,使得项目的代码风格保持一致,所以将其归类到 Lint 中。

与传统的 Lint工具(如ESLint)相比,Prettier 没有提供灵活的配置选项和规则,而是采用了一套固定的格式化规则。这意味着无论你是否同意某些格式化规则,Prettier 都会强制执行它们。这便于使用,但灵活度就下降了。

虽然我个人 Prettier 用得不多,但还是在这里做一个简单的记录。