Eslint Config Generator — Eslint 配置生成器

ESLint 配置生成器 根据项目分析生成最优的 ESLint 平面配置。检测框架、TypeScript 使用情况和编码模式，以推荐插件、规则和预设。处理从遗留的 .eslintrc 迁移到平面配置格式的过程。

用法 “为我的项目生成 ESLint 配置” “将我的 .eslintrc 迁移到平面配置” “为我的 React TypeScript 项目推荐 ESLint 插件” “审计我的 ESLint 规则以检查冲突”

工作原理

• 项目分析

cat package.json | python3 -c " import json,sys; d=json.load(sys.stdin); deps = {d.get('dependencies',{}), d.get('devDependencies',{})}; for fw in ['react','vue','svelte','angular','next','nuxt','astro','express','fastify']: if fw in deps: print(f'Framework: {fw}'); if 'typescript' in deps: print('TypeScript: yes'); for plugin in [k for k in deps if 'eslint' in k.lower()]: print(f'ESLint plugin: {plugin}')"

• 配置生成

根据检测到的项目类型，生成平面配置，包括： 语言解析器（TypeScript、JSX、Vue SFC） 框架特定的插件和规则 导入排序和验证 UI 框架的无障碍规则 如果检测到测试框架，则生成测试库规则 如果使用 Prettier，则生成兼容配置

• 规则优化

删除冲突的规则 调整严格级别（推荐 → 严格 → 自定义） 添加项目特定的忽略配置 配置全局变量和环境 为测试文件和配置文件设置覆盖配置

• 迁移支持

将遗留的 .eslintrc.json/.eslintrc.js 转换为平面配置： 将 extends 映射为导入 将 overrides 转换为配置数组条目 更新插件引用以使用新格式 处理环境/全局变量更改

输出

ESLint 配置生成

项目： React + TypeScript + Vitest 格式： 平面配置（eslint.config.mjs）

生成的配置

• 带有类型感知 linting 的 TypeScript 解析器
• 带有钩子规则的 React 插件
• 带有 TypeScript 解析器的导入插件
• Vitest 插件用于测试文件
• Prettier 兼容性（无冲突规则）

插件推荐

✅ @typescript-eslint — 类型感知 linting ✅ eslint-plugin-react — React 最佳实践 ✅ eslint-plugin-react-hooks — 钩子规则 ✅ eslint-plugin-import-x — 导入顺序 + 验证 🟡 eslint-plugin-jsx-a11y — 无障碍（推荐）