防止Prettier（代码格式化程序）与ESLint / TSLint

Question

我正在使用VS Code开发Angular项目，使用“ Prettier”插件进行代码格式化，并使用ESLint / TSLint插件进行标准实施。

我知道这不是“错误”，但我强烈希望使用干净的版本，并希望尽可能删除警告。

  groupMouseDown = d => {
   ...
  }; <--- This semicolon is the issue

上面是Typescript中的函数，使用“胖箭头”语法，因此该函数是内联的。请注意，在该行的末尾是一个分号。

我不是在这里就是否应该在分号上争论，网络上有很多分号。相反，我只需要处理它。

更漂亮被认为是“调皮的”格式化程序，他们对这个问题的立场是他们认为应该存在。很好，但是他们也拒绝添加一个选项，使其不放在此处，因此是“被调侃”的部分。

另一方面，短毛绒认为不应该使用分号，因此将其标记为不必要的分号。到目前为止，我还没有找到不将其报告为警告的选项，除非我针对每种情况都将其删除。

因此，在一天结束时，我必须解决分歧，并让我别无选择，只是忽略这一点，然后做我想让他们做的事情，这很好地发挥了作用。

还有其他人反对吗？有没有一种方法可以： 1）停止仅在此特定情况下添加分号，或者... 2）仅在这种特定情况下，阻止棉短绒将其报告为警告？

我不想做的是告诉Prettier不要在需要的地方放置任何分号，也不想告诉短毛猫忽略所有不必要的分号。

Answer 1

这里没有被接受的答案，所以我将分享我的两分钱：

我完全同意@Josh的观点，即您应该让漂亮的人做它的事情，并使短绒棉服与其风格选择保持一致。但是，我不想依赖其他插件，并且TSLINT文章读起来有点长，所以这是您需要调整的特定规则：

如果您使用的是TSLINT，则可以将以下规则添加到tslint.json文件中

• "semicolon": [true, "always", "ignore-bound-class-methods"]
• 来源：tslint documentation

我还没有使用ESLINT（所以），所以我不知道linter是否抱怨此用例，如果存在，我没有找到任何解决方案

Answer 2

通常，在使用Prettier时，最好让Prettier完成所有 formatting 工作。仅将linters用于非格式问题，例如错误检测。

有些ESLint和TSLint插件可以关闭所有样式规则：

• ESLint：https://github.com/prettier/eslint-plugin-prettier
• TSLint：https://github.com/prettier/tslint-plugin-prettier

如果您的linter仍在抱怨某些格式化规则，则可以在这些GitHub项目上提交错误，同时将linter配置为禁用该规则：

• ESLint：https://eslint.org/docs/user-guide/configuring
• TSLint：https://palantir.github.io/tslint/usage/configuration

或者，您可以基于行，块或文件禁用规则：

• ESLint：https://eslint.org/docs/3.0.0/user-guide/configuring#configuring-rules
• TSLint：https://palantir.github.io/tslint/usage/rule-flags/

  

哪一个还好，但他们也拒绝添加一个选项，使其不放在此处，因此是“有意见的”部分。

以防万一有人从Google登陆并感到困惑：Prettier确实具有配置选项，只是不尽如其所愿。 https://prettier.io/docs/en/configuration.html