Generador de configuración de ESLint

Cómo se usa

1. Elige JavaScript o TypeScript y dónde se ejecuta el código.
2. Indica si los archivos .js usan import o require.
3. Marca las reglas que quieras y, si formateas con Prettier, la opción de Prettier.
4. Ejecuta el comando npm install --save-dev … de la primera línea, guarda el archivo en la raíz del proyecto y lanza npx eslint ..

Cómo funciona

El resultado es un array exportado con export default:

• un objeto solo con ignores: exclusiones globales para las carpetas de build;
• js.configs.recommended de @eslint/js (y ...tseslint.configs.recommended para TypeScript);
• tu bloque: los patrones de archivos, ecmaVersion: 'latest', las globales y las reglas elegidas;
• con CommonJS, un bloque que pone sourceType: 'commonjs' a los archivos .js (ESLint ya trata .cjs como CommonJS);
• eslintConfigPrettier al final, si lo eliges.

Ejemplo

Los valores por defecto (JavaScript, navegador, módulos ES, reglas recomendadas, eqeqeq, prefer-const, variables sin usar como avisos) dan:

// npm install --save-dev eslint @eslint/js globals
import js from '@eslint/js';
import globals from 'globals';

export default [
  { ignores: ['dist/', 'build/', 'coverage/'] },
  js.configs.recommended,
  {
    files: ['**/*.{js,mjs,cjs}'],
    languageOptions: {
      ecmaVersion: 'latest',
      globals: globals.browser,
    },
    rules: {
      eqeqeq: ['error', 'always'],
      'prefer-const': 'error',
      'no-unused-vars': 'warn',
    },
  },
];

Consejos

• Añade "lint": "eslint ." a los scripts de package.json para que todo el equipo use el mismo comando.
• npx eslint . --fix corrige lo que se puede arreglar solo, como un let que debería ser const.
• Deja el formato a Prettier y la calidad del código a ESLint: para eso está la opción de Prettier.