可以禁用添加括号的 ESLint/Prettier 规则吗？

Question

如果我写：

const a = 1;
const b = 1;
const c = 1;
const d = 1;

const t = a * b * (c + d) / 100;

然后一些规则想要更改为：

const t = (a * b * (c + d)) / 100;
//        ^               ^ unwanted parentheses

我不想要额外的括号，但我不知道是 ESLint 还是 Prettier 添加了它们。 我的.eslintrc在下面添加：

{
  "root": true,
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "project": ["./tsconfig.json"]
  },
  "plugins": ["@typescript-eslint", "prettier"],
  "extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended", "prettier"],
  "rules": {
    "no-console": 1,
    "prettier/prettier": 2,
    "no-case-declarations": 0,
    "no-extra-parens": 2,
    "@typescript-eslint/no-extra-parens": 2
  },
  "env": {
    "browser": true,
    "node": true
  }
}

更新

这是当我没有括号的 hover 时会发生什么。

Answer 1

添加它们的是 Prettier，它不能被禁用。 见https://github.com/prettier/prettier/issues/12554

Prettier 过去打印尽可能少的括号，然后为了便于阅读，它切换到打印一些额外的括号。 完整的故事请参见很长的#187。

在线程中，建议使用dprint作为 Prettier 的替代品。 将 Prettier 降级到 2017 版本也可能是一种选择。 或者也许有一个 Prettier 的活动分支，它没有添加括号。