What's the difference between ESLint and Prettier?

ESLint focuses on code quality — detecting syntax errors, unused variables, anti-patterns. Prettier focuses on code formatting — indentation, quotes, spacing. They complement each other. Best practice: ESLint + eslint-config-prettier + Prettier.

What is ESLint flat config?

ESLint v9 introduced flat config (eslint.config.js), replacing the old .eslintrc* hierarchical system. Flat config uses exported arrays of config objects, each with files, rules, plugins — simpler and more composable.

How to configure ESLint for TypeScript?

TypeScript projects need @typescript-eslint/parser to parse TS code and @typescript-eslint/eslint-plugin for TypeScript-specific rules. Enable strict type-checking rules to leverage TS's type system fully.

Free Online ESLint Config Generator - Create Code Quality Config...

⚙️ Environment

ECMAScript Version

Source Type

Browser Node.js ES6+ Jest

🔌 Plugins & Extensions

📏 Strictness

Rule Strictness

📄 Generated eslint.config.js

Adjust options to generate config

📐 ESLint Config Generator

⚙️ Environment

🔌 Plugins & Extensions

📏 Strictness

📄 Generated eslint.config.js