eslint 缩进和@typescript-eslint/indent 冲突

Question

所以我在 TS express 应用上使用了 eslint 和 prettier。 我想将制表符宽度设置为 4，但似乎基本 eslint 和 typescript eslint 有冲突。

这就是它给我的同一行：

这是我的 eslintrc.json：

{
    "env": {
        "browser": true,
        "commonjs": true,
        "es2021": true
    },
    "extends": "standard-with-typescript",
    "overrides": [],
    "parserOptions": {
        "ecmaVersion": "latest",
        "project": "tsconfig.json"
    },
    "rules": {
        "indent": ["error", 4],
        "prettier/prettier": ["error", { "endOfLine": "auto" }]
    },
    "parser": "@typescript-eslint/parser",
    "plugins": ["prettier"]
}

这是我的 prettierrc.json：

{
  "singleQuote": true,
  "arrowParens": "always",
  "printWidth": 120,
  "semi": false,
  "tabWidth": 4
}

知道如何解决它，以便我可以在一个选项卡上留出 4 个空格吗？

Answer 1

如果你使用 prettier 和 eslint，你应该使用 prettier eslint 配置。 它将禁用每个仅样式的 eslint 规则。 应该没问题，因为 styles 会留给更漂亮的格式。 有关这方面的更多信息，请参阅文档。

由于您安装了更漂亮的插件，您可以将您的扩展行更改为此，它应该足够了：

"extends": ["standard-with-typescript", "plugin:prettier/recommended"]