VSCode中ESLint与typescript-eslint规则冲突及配置问题求助

首先得明确你遇到的核心问题：你用了standard-with-typescript这个预设，它本身集成了@typescript-eslint的一套规则，但你自定义的缩进规则（用tab）和预设里的缩进规则产生了冲突——因为原生ESLint的indent规则对TypeScript语法支持有限，typescript-eslint单独做了适配TS的缩进规则，两者同时启用就会打架。

下面是具体的解决步骤：

1. 替换原生缩进规则为TS专属版本 #

你的配置里现在用的是原生ESLint的indent规则，但在TypeScript项目里，必须改用@typescript-eslint/indent来替代它，否则必然和TS的规则冲突。修改你的.eslintrc.js规则部分：

module.exports = {
  // 其他配置保持不变
  rules: {
    // 关闭原生ESLint的缩进规则
    "indent": "off",
    // 启用typescript-eslint的缩进规则，配置为tab，保留你的ignoreComments设置
    "@typescript-eslint/indent": ["warn", "tab", { "ignoreComments": true }],
    // 你的其他自定义规则继续保留
    "quotes": ["warn", "single"],
    "no-tabs": 0,
    "padded-blocks": 0,
    "semi": 0,
    "no-trailing-spaces": 0,
    "spaced-comment": 0,
    "no-multiple-empty-lines": 0,
    "space-before-function-paren": 0,
    "camelcase": 0,
    "prefer-const": "warn",
    "space-infix-ops": "warn",
    "@typescript-eslint/strict-boolean-expressions": ["warn", {"allowNullable": true}]
  },
  // 其他配置保持不变
}

2. 确保VSCode的ESLint插件正确识别配置 #

虽然你说已经设置了扩展读取根目录的ESLint配置，但还是要确认下VSCode的settings.json里有没有这些关键配置：

{
  // 启用ESLint
  "eslint.enable": true,
  // 因为你用的是传统的.eslintrc.js，不是flat配置，所以设为false
  "eslint.useFlatConfig": false,
  // 让ESLint校验TS/TSX文件
  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"],
  // 关闭其他格式化工具的自动保存（比如Prettier），避免和ESLint冲突
  "editor.formatOnSave": false,
  // 让ESLint在保存时自动修复可修复的问题
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}

3. 清除ESLint缓存并重启服务 #

有时候ESLint的缓存会导致新配置不生效，执行这个命令清除缓存：

npx eslint --cache-clean

然后在VSCode里按Ctrl+Shift+P（Mac是Cmd+Shift+P），搜索并执行ESLint: Restart ESLint Server，让新配置生效。

4. 排查剩余冲突（如果还有问题） #

如果改完还是有冲突，可以用这个命令查看某个文件最终生效的ESLint规则，看看有没有预设的规则没被你覆盖：

npx eslint --print-config ./path/to/your-file.ts

搜索indent或者其他有冲突的规则名，确认你的自定义规则是否成功覆盖了预设规则。

内容的提问来源于stack exchange，提问作者J99