¿Qué extensiones de VS Code recomiendas?

Las básicas de desarrollo web

Auto Rename Tag

Auto Rename Tag nos ayuda a renombrar automáticamente ambas etiquetas de un elemento HTML para conservar la consistencia. También funciona con React y otros formatos similares a XML.

Live Server

Live Server nos ayuda a montar un servidor para desarrollo y que podamos ver los cambios que hacemos en nuestros proyectos en tiempo real, sin recargar la página manualmente.

Prettier

Prettier nos ayuda a conservar un estilo/formato de código consistente para poder leer mejor el código.

Algo más dedicado

Aquí dejamos algunas extensiones que pueden ser útiles en un entorno más profesional.

Live Share nos ayuda a crear sesiones de VS Code para compartir nuestros proyectos y trabajar con más personas al mismo tiempo. Bastante útil para dar clases o asesorías en tiempo real.

Code Spell Checker

Code Spell Checker es un corrector de ortografía, útil para no fallar en algunas instrucciones cuando todavía nos cuesta trabajo el inglés.

Contiene diccionarios que entienden terminología de programación y también podemos agregarle diccionarios de otros idiomas (como español) y otros lenguajes de programación.

Útil para asegurarnos de que el contenido de nuestros proyectos está bien escrito.

Eslint

ESLint nos ayuda a verificar errores que aparecen en nuestro código de JavaScript. Usualmente lo agregamos y configuramos en proyectos más estructurados.

Dotenv

Dotenv Official nos ayuda a ocultar variables de entorno.

Pretty TypeScript Errors

Pretty TypeScript Errors nos ayuda a mejorar la legibilidad de los mensajes de error que aparecen en TypeScript.

Tailwind CSS IntelliSense

Tailwind CSS IntelliSense nos ayuda a agregar atajos de autocompletado relacionados con Tailwind.

Supermaven

Supermaven es una herramienta de autocompletado con IA. Similar a Copilot aunque con una versión gratuita. Es bastante útil para encontrar patrones en nuestros proyectos y darnos bloques de código lo suficientemente útiles para trabajar más rápido.

Better Comments

Better Comments nos ayuda a marcar comentarios con algunos caracteres para que en el editor resalten visualmente y podamos diferenciar su importancia.