Como configurar ESLint y Prettier en VSCode 🚀 y no morir en el intento 😅

Опубликовано: 06 Апрель 2025
на канале: vamoacodear
2,405
54

En este video: eslint, prettier, solucionar conflictos entre ambos, reglas, extendes, rules, vscode, extensiones

Extensiones:
ESLint: https://marketplace.visualstudio.com/...
Prettier: https://marketplace.visualstudio.com/...

https://eslint.org/
https://prettier.io/
https://code.visualstudio.com/
------------------------------------- ✨ --------------------------------
Info del video
00:00 - ESLint
00:09 - Configurar proyecto con Vite + React
00:30 - Instalar e inicializar las configuraciones de ESLint
00:55 - Instalar y configurar Prettier
01:23 - Instalar paquete eslint-config-prettier
01:55 - Agregamos reglas apropósito para ver los conflictos que podemos tener si usamos reglas de formateo en ESLint
02:07 - Configurar reglas de formateo con el Playground de Prettier
03:00 - Errores que marca ESLint en nuestra App y como solucionarlos
03:43 - Verificamos y solucionamos los conflictos entre ESLint y Prettier
05:03 - Decisiones a tomar 🤷🏻‍♀️
05:40 - Configurar VSCode para formatear al guardar el archivo
------------------------------------- ✨ --------------------------------
Redes:
TikTok:   / vamoacodear  
Twitch:   / vamoacodear  
Twitter:   / vamoacodear  
Discord: https://discord.io/vamoacodear

¿Te gusta lo que hago? Con apóyarme siguiéndome en mis redes, soy feliz. Aunque si quisieras, también podes "invitarme" un cafecito: https://cafecito.app/vamoacodearss e