Generate an ESLint configuration file

Create an ESLint configuration with parser options, plugins, rules, and ignores.

freeworks offlinenothing uploaded

ToolESLint Config Generator

Input

Output

—

Put this on your own site

The frame below runs the same code as this page, in the reader's own browser. Nothing is sent to us, and nothing is sent to you.

AccentBackground

Pick a dark background and the text and panels follow it, so the frame stays readable on a dark page.

How it works

Selected settings are serialized into a flat or legacy ESLint configuration object. The file configures linting but does not install plugins or run checks.

Common environments and recommended rules provide a starting point.
Parser and plugin versions remain project-specific.

Worked example

TypeScript + Prettier config

Generate a flat ESLint config for TypeScript with Prettier

Input

											Framework: none
Typescript: true
Prettier: true
Style: recommended
Format: flat

Output

												import js from '@eslint/js';
import tseslint from 'typescript-eslint';
import prettier from 'eslint-config-prettier';

export default [
  js.configs.recommended,
  ...tseslint.configs.recommended,
  prettier,
  {
    rules: {
          "no-console": "warn",
          "no-unused-vars": [
                "error",
                {
                      "argsIgnorePattern": "^_"
                }
          ],
          "prefer-const": "error"
    }
  },
];

When to use this

JavaScript repositories, CI pull-request checks, and editor diagnostics create ESLint configs.

Edge cases

An uninstalled plugin causes config loading to fail.
Flat-config order lets later objects override earlier rules.
An ignore glob can hide source files unintentionally.

References

ESLint configuration