ESLint Config Generator - Linting Rules Builder

Generate ESLint configuration files visually. Configure rules, plugins, and presets for JavaScript and TypeScript projects.

Config Format

Flat Config (eslint.config.js) - ESLint 9+

Legacy (.eslintrc.json) - ESLint 8

Environment

Browser (window, document)

Node.js (require, process)

ES2021+ globals

Language & Framework

TypeScript

React

React Hooks rules

Prettier compatibility

Base Preset

Common Rules

no-console

no-unused-vars

semi (semicolons)

quotes

indent (spaces)

eqeqeq (===)

Ignore Patterns

eslint.config.js

Install Dependencies

Terraform Backend Generator - Configure …

AI Robots.txt Generator - Block GPTBot &…

Gitignore Generator - Templates for All …

Cron Expression Generator - Schedule Tas…

HTAccess Generator - Apache Redirects & …

View all Dev configurators →

Frequently Asked Questions

ESLint is a JavaScript and TypeScript linter that analyzes your code for potential errors, style issues, and best practice violations. It helps maintain consistent code quality.

eslint.config.js is the new flat config format (ESLint 9+). .eslintrc.json is the legacy format. Flat config is more flexible and is the future of ESLint configuration.

Use 'eslint:recommended' as a base. Add 'airbnb' or 'standard' for stricter style rules. For TypeScript, add '@typescript-eslint/recommended'.

Enable TypeScript in the generator to add the @typescript-eslint parser and plugin. You'll also need to install @typescript-eslint/parser and @typescript-eslint/eslint-plugin.

For React projects, enable react, react-hooks, and optionally jsx-a11y for accessibility rules. These catch React-specific issues and enforce best practices.

Use the ignores array in flat config or create an .eslintignore file. Common ignores include node_modules, dist, build, and coverage directories.

'error' (2) fails the lint check and blocks CI. 'warn' (1) shows warnings but allows the check to pass. 'off' (0) disables the rule entirely.

Yes, Prettier handles formatting while ESLint handles code quality. Use eslint-config-prettier to disable ESLint formatting rules that conflict with Prettier.

Run 'npx eslint .' to lint all files, or 'npx eslint --fix .' to auto-fix issues. Add scripts to package.json for convenience: 'lint' and 'lint:fix'.

The generator shows required dependencies based on your choices. At minimum you need eslint. TypeScript, React, and Prettier support require additional packages.