rr69sport/ESLint-Prettier.md

Last active June 8, 2022 00:27

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/rr69sport/54c2bd79931f2ecc9955bfcf53a7d0d6.js"></script>
Save rr69sport/54c2bd79931f2ecc9955bfcf53a7d0d6 to your computer and use it in GitHub Desktop.

Pasos para configurar ESLint y Prettier juntos en nuestros proyectos.

Raw

ESLint y Prettier

Para empezar debemos instalar una dependencia: npm i -D -E eslint-config-prettier

En el archivo de configuración de ESLint eslintrc.js debemos declarar en la parte de extends esta misma extensión que acabamos de instalar.

{
  "extends": [
    // Más cosas que tengas
    'eslint-config-prettier'
  ]
}

O también puedes poner simplemente prettier y funcionaría de la misma manera como indica @Josyto en este comentario

Quedando tal que así

{
  "extends": [
    // Más cosas que tengas
    'prettier'
  ]
}

Que buena idea tener estas configuraciones en gist 😊.
Quería aportar un detalle, en esta configuración ha habido una actualización.

Únicamente es poner prettier en lugar de eslint-config-prettier, lo tienes indicado en el repositorio de eslint-config-prettier

{
  "extends": [
    // Más cosas que tengas
    "prettier"
  ]
}

Aunque lo anterior también funciona por si quieres dejarlo actualizado

Author

Ahhh genial genial!! Lo actualizaré y dejaré las dos opciones con su respectiva mención a tu aporte 🤓😀😁

Exelente! muchas gracias por estos aportes