如何让ESLint检查并自动修复tsconfig.json文件？

以下是几个关键步骤，强制ESLint对tsconfig.json进行检查和自动修复：

1. 明确配置ESLint的overrides规则 #

tsconfig.json属于JSONC格式（支持注释），默认JSON解析器可能无法处理，导致ESLint跳过检查。修改你的.eslintrc.cjs，明确指定tsconfig.json并使用兼容的解析器：

module.exports = {
  // 其他基础配置
  overrides: [
    {
      files: ['*.json', 'tsconfig.json'], // 显式包含tsconfig.json
      parser: 'jsonc-eslint-parser', // 用于解析带注释的JSON文件
      rules: {
        // 示例JSON规则，根据你的需求调整
        'jsonc/sort-keys': 'error',
        'jsonc/no-dupe-keys': 'error',
        'jsonc/quotes': ['error', 'double']
      }
    }
  ]
};

注意：如果还没安装jsonc-eslint-parser，需要先执行npm install jsonc-eslint-parser --save-dev。

2. 调整VSCode的ESLint验证设置 #

打开VSCode设置（快捷键Ctrl+,），搜索并修改以下配置：

• 确保eslint.validate包含json和jsonc类型：

  "eslint.validate": [
    "javascript",
    "typescript",
    "json",
    "jsonc"
  ]
  

• 确认files.associations将tsconfig.json关联为jsonc类型，避免被识别为其他文件类型：

  "files.associations": {
    "tsconfig.json": "jsonc"
  }
  

3. 排除忽略规则的干扰 #

• 检查.eslintrc.cjs中的ignorePatterns，确保没有tsconfig.json；
• 检查VSCode的files.exclude设置，确认没有排除tsconfig.json文件。

4. 验证并重启服务 #

• 先在终端执行npx eslint tsconfig.json，如果命令行能输出规则错误，说明ESLint配置本身没问题；
• 如果命令行有效但VSCode没反应，执行Ctrl+Shift+P打开命令面板，选择ESLint: Restart ESLint Server，或者直接重启VSCode。

5. 确保自动修复生效 #

检查VSCode的editor.codeActionsOnSave配置，确保开启ESLint自动修复：

"editor.codeActionsOnSave": {
  "source.fixAll.eslint": true
}

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