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"]