Actualización: Cómo configurar ESLint v9 + Prettier en la actualidad
El tutorial utiliza el sistema antiguo (.eslintrc). A partir de ESLint v9, la configuración cambió al formato "Flat Config", el cual es mucho más directo. Aquí tienen el paso a paso moderno:
1.Instalar las dependencias
En tu terminal, ejecuta la instalación de las herramientas y sus conectores:
npm i -D eslint prettier globals neostandard eslint-config-prettier eslint-plugin-prettier
2.** Crear el archivo de configuración de ESLint**
En la raíz de tu proyecto, crea un archivo llamado eslint.config.mjs (usar la extensión .mjs asegura que los import funcionen correctamente sin importar la configuración de tu proyecto).
3.** Agregar el Flat Config**
Pega el siguiente código en tu eslint.config.mjs. El orden es estricto: la configuración de Prettier debe ir al final del array para que tenga la última palabra y sobrescriba cualquier regla visual de Neostandard.
import neostandard from 'neostandard';
import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended';
export default [
...neostandard(),
eslintPluginPrettierRecommended,
];
4.** Crear las reglas de Prettier**
Crea un archivo .prettierrc en la raíz de tu proyecto para definir tus gustos visuales. Por ejemplo, para usar comillas simples y quitar los puntos y coma:
{
"semi": false,
"singleQuote": true
}