¿Odias los anuncios? Ir Sin publicidad Hoy 

Generador de configuración de ESLint

DatosDesarrollador

APORTE

Proceso automático Lado cliente

Formato de configuración

La configuración plana es la predeterminada desde ESLint v9. La antigua se utiliza para proyectos antiguos que aún usan v8.

Marco / Entorno

Selecciona un analizador, complementos y reglas básicas adecuados para tu stack.

Guía de estilo

La configuración compartida se añade después de la base. Prettier debe añadirse al final.

Usar TypeScript (@typescript-eslint)

Opciones de lenguaje

ecmaVersion

Versión de sintaxis de JavaScript que acepta el analizador.

sourceType

Cómo deben ser analizadas las archivos.

Entornos

variables globales del navegador (window, document, fetch)

variables globales de Node.js (process, require, __dirname)

variables globales de Jest (describe, test, expect)

variables globales de Mocha

Reglas comunes

semi (requiere puntos y comas)

citas

indent

no-unused-vars

no-console

eqeqeq (igualdad estricta)

prefer-const

no-var

Opciones de salida

Incluir comentarios inline que expliquen cada opción

Incluir comentario de encabezado descriptivo

Incluir el comando npm install al inicio

PROD.

Lado cliente

ANUNCIO · ¿ELIMINAR?

Guía

Generador de configuración de ESLint

Genera una configuración lista para usar de ESLint para tu proyecto en segundos. Elige tu marco, versión de lenguaje, entornos y severidades de reglas, luego copia el resultado directamente en tu repositorio. Soporta tanto la configuración plana (ESLint v9+) como la antigua usada por ESLint v8.eslint.config.js, ESLint v9+ .eslintrc.json formato usado por ESLint v8.

Cómo Usar

Elige tu formato de configuración: plano (ESLint v9+) o antiguo (.eslintrc.json).
Elige el marco que estás utilizando — JavaScript puro, Node.js, React, Next.js, Vue 3 o TypeScript.
Opcionalmente elige una guía de estilo (Airbnb, Standard, Google, Prettier) para extender.
Activa el soporte de TypeScript si tu stack mezcla JavaScript con TypeScript.
Ajusta las opciones de lenguaje, entornos y severidades de reglas para que coincidan con tu código base.
Copia la configuración generada y pégala en eslint.config.js o .eslintrc.json, luego instala las dependencias indicadas.

Características

Formatos planos y antiguos – Emite ya sea eslint.config.js para ESLint v9+ o .eslintrc.json para v8.
Preestablecimientos de marcos – JavaScript puro, Node.js, React, Next.js, Vue 3 y TypeScript con los complementos correctos y configuraciones recomendadas ya integradas.
Guias de estilo – Integrações opcionales de Airbnb, Standard (a través de neostandard para plana), Google y Prettier.
Conmutadores de reglas comunes – Controles de severidad curados para semi, quotes, indent, no-unused-vars, no-console, eqeqeq, prefer-consty no-var.
Comando de instalación – Imprime la línea correspondiente para que sepas exactamente qué paquetes deben agregarse. npm install -D – Comentarios explicativos opcionales junto a cada opción para que la configuración funcione como documentación.
Comentarios inline – Todo funciona en tu navegador; no se suben archivos.
Solo del lado del cliente ¿Cuál es la diferencia entre la configuración plana y el .eslintrc antiguo?

 Preguntas frecuentes

La configuración plana es un módulo JavaScript que exporta un array (o el resultado de helpers como tseslint.config()). Reemplazó al sistema antiguo de .eslintrc en ESLint v9 y utiliza importaciones reales en lugar de búsquedas por cadenas, lo que facilita entender el código y funciona mejor con módulos nativos de ES. El sistema antiguo de .eslintrc sigue funcionando en ESLint v8 pero ya no es el predeterminado en versiones más recientes.

¿Por qué debe aplicarse Prettier al final?
eslint-config-prettier desactiva las reglas de ESLint que entran en conflicto con el formateador de Prettier, por lo que aplicarlo al final garantiza que esas reglas de formateo se desactiven independientemente de qué reglas habían sido activadas anteriormente. Si colocas Prettier antes, una configuración posterior puede reactivar una regla que entra en conflicto con Prettier y verás errores de validación ruidosos en código que ya está formateado.

¿Qué hace exactamente la opción de entorno / variables globales?
Indica al analizador qué variables globales existen para que reglas como no-undef no se quejen de ellas. El entorno del navegador agrega variables como window, document, fetch, etc.; el entorno de Node.js agrega process, require, __dirname. Sin declarar las variables globales correctas, el código válido puede ser marcado como referencia a variables indefinidas.

¿Cuál es la diferencia entre severidades error, warn y off?
Una regla establecida en error hace que ESLint termine con un estado no cero, lo que falla el CI y los hooks de pre-commit. Una regla establecida en warn muestra el mensaje pero no falla la compilación. Establecer off desactiva completamente la regla. La mayoría de los equipos reservan error para reglas de corrección de código y usan warn para ruido de estilo o migración que aún no están listos para exigir.

Generador de configuración de ESLint 1