ESLint配置生成器
从框架预设（Vanilla、Node、React、Next.js、Vue、TypeScript）、可选风格指南（Airbnb、Standard、Google、Prettier）、语言选项、环境和常见规则切换生成ESLint配置文件——现代flat config（eslint.config.js）或旧版.eslintrc.json。
输入
自ESLint v9起，flat config是默认选项。旧版用于仍停留在v8的项目。
为您的技术栈选择合适的解析器、插件和基础规则。
在基础配置之后扩展的可共享配置。Prettier应该最后添加。
语言选项
解析器接受的JavaScript语法版本。
文件应如何被解析。
环境
常见规则
输出选项
输出
使用此工具的更多方式
REST API
curl -X POST https://api.iotools.cloud/v1/tool/eslint-config-generator \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"format": "flat",
"framework": "vanilla",
"styleGuide": "none",
"useTypescript": "",
"ecmaVersion": "latest",
"sourceType": "module",
"envBrowser": "true",
"envNode": "",
"envJest": "",
"envMocha": "",
"ruleSemi": "error",
"ruleQuotes": "single",
"ruleIndent": "2",
"ruleNoUnusedVars": "warn",
"ruleNoConsole": "warn",
"ruleEqeqeq": "error",
"rulePreferConst": "error",
"ruleNoVar": "error",
"includeComments": "true",
"includeHeader": "true",
"includeInstall": "true"
}'替换成您账户中的密钥。工具的字段即为请求体——没有额外包装。
让 AI 代理执行
Use the IOTools `eslint-config-generator` tool (ESLint Config Generator) on this input:
YOUR_INPUT_HERE将此粘贴给任何已连接 IOTools MCP 服务器的代理,再加上您的输入内容。
嵌入式小组件
<iframe
src="https://iotools.cloud/embed/eslint-config-generator/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="ESLint配置生成器 — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>把它放到您自己的页面上——免费,无需密钥,只需保留一个反向链接。
| 每次 API/MCP 调用费用 | 5 积分起 |
|---|---|
| 需要更多积分? | 查看定价 |
也可通过
使用指南
ESLint配置生成器从几个下拉菜单和切换按钮生成现成可用的ESLint配置文件——无需记住插件名称、extends顺序或现代flat config和遗留格式之间的区别。选择您的框架、可选的风格指南以及您关心的规则，然后将生成的文件直接复制到您的项目中。
它的功能
ESLint是JavaScript和TypeScript的标准linter，但手动连接配置意味着处理解析器、插件、环境和共享配置的正确顺序。此工具为您完成所有这些操作。它支持：
- 两种输出格式 ——flat config（
eslint.config.js，自ESLint v9起的默认值）和旧版（.eslintrc.json，用于仍停留在v8的项目）。 - 框架预设 ——Vanilla JavaScript、Node.js、React、Next.js、Vue 3和TypeScript（通用），每个都配备正确的插件和base
extends。 - 风格指南 ——Airbnb、Standard、Google和Prettier（最后添加，以便可以禁用冲突的格式化规则）。
- 语言选项 ——
ecmaVersion和sourceType（ESM、CommonJS或script）。 - 环境 ——浏览器、Node、Jest和Mocha全局变量。
- 常见规则 ——
semi、quotes、indent、no-unused-vars、no-console、eqeqeq、prefer-const和no-var，各自可单独设置为error、warn或off。
它还可以添加描述性的标题注释、解释每个块的内联注释以及列出配置所依赖的所有包的确切npm install -D …命令。
如何使用
- 选择您的配置格式（新项目推荐使用flat）。
- 选择您的框架和可选的风格指南。
- 如果您的项目使用
@typescript-eslint，请切换使用TypeScript。 - 调整语言选项、环境和常见规则的严重级别。
- 复制生成的配置或下载它，然后运行它显示的安装命令。
当您更改任何选项时，输出会瞬间更新。
Flat config与旧版config ——应该选择哪个？
对于ESLint v9或更新版本的任何项目，使用flat config（eslint.config.js）；这是当前默认值，也是所有未来开发的方向。只有当您受限于ESLint v8或尚未迁移的工具链时，才使用旧版（.eslintrc.json）。
我仍然需要安装这些包吗？
是的。该工具生成配置文本和匹配的安装命令，但不为您安装任何内容。运行它生成的npm install -D …行（或等效的yarn/pnpm命令），以便ESLint能够找到引用的插件和共享配置。
为什么Prettier单独列出？
eslint-config-prettier仅禁用ESLint的格式化规则，以便它们不会与您的格式化程序冲突——它不添加任何自己的规则。正因为如此，必须最后应用，这正是生成器放置它的位置。
我可以之后调整规则吗？
当然可以。生成的文件是一个普通的起点——编辑规则的严重级别、添加更多规则或使用其他配置进行扩展。将输出视为坚实的基础，而不是锁定的结果。
隐私
此生成器完全在您的浏览器中运行。您的选择永远不会被上传、记录或存储——配置从您选择的选项在本地组装，没有任何内容离开您的设备。