Extensiones imprescindibles para VS Code

VS Code es increíble por sí solo, pero las extensiones son lo que lo convierte en un editor hecho a medida. Aquí tienes las que todo desarrollador debería conocer, organizadas por categoría.

Linting y formato

La base de un código limpio y consistente. Estas extensiones te ahorran discusiones de equipo y bugs tontos.

ESLint y Prettier son el estándar de la industria. Biome es una alternativa moderna que unifica linter y formatter en una sola herramienta, mucho más rápida. Stylelint es imprescindible si trabajas con CSS, SCSS o Tailwind.

Git y control de versiones

La integración nativa de Git en VS Code está bien, pero estas extensiones la llevan a otro nivel.

GitLens es la más potente: blame en línea, exploración de repos, comparativa visual de ramas. A veces puede ser intensiva, pero vale cada recurso. Git Graph es ligera y te da una vista visual preciosa del historial.

Lenguajes y frameworks

VS Code ya tiene buen soporte nativo, pero estas extensiones añaden IntelliSense específico, snippets y herramientas integradas.

Tailwind CSS IntelliSense es prácticamente obligatoria si usas Tailwind. Te da autocompletado de clases, previsualización de colores y linting. Thunder Client es un sustituto ligero de Postman directamente en el editor.

Productividad

El día a día. Extensiones pequeñas que marcan una gran diferencia en el flujo de trabajo.

• Error Lens — Muestra los errores y warnings inline, justo al lado del código. No más hoverear cada línea.
• Import Cost — Te dice el peso de cada import. Esencial para mantener bundles pequeños.
• Pretty TypeScript Errors — Transforma los errores de TypeScript en mensajes legibles. Una de las mejores del último año.
• indent-rainbow — Colorea la indentación. Parece trivial, pero hace que leer código anidado sea mucho más fácil.
• GitHub Copilot — Autocompletado con IA. Casi no necesita presentación.
• Continue.dev — Alternativa open-source a Copilot. Permite usar modelos locales (Ollama) y cloud, con chat contextual y código.

Temas y estética

El editor tiene que gustarte a la vista. Pasarás muchas horas mirándolo.

Catppuccin es el favorito de la comunidad actualmente: tres estilos (latte, frappé, macchiato, mocha) con una paleta de colores equilibrada. Tokyo Night es ideal si te gustan los tonos azulados y neón.

Utilidades

Extensiones que no encajan en una categoría pero que terminas usando más de lo que esperas.

• Live Share — Pair programming en tiempo real. Compartes tu editor con otro desarrollador y podéis editar juntos.
• CodeSnap — Capturas de código bonitas para compartir en redes o documentación.
• Paste JSON as Code — Pega un JSON y te genera interfaces TypeScript, clases C#, etc.
• Peacock — Cambia el color de la barra lateral por proyecto. Muy útil cuando tienes varias ventanas de VS Code abiertas.
• Remote - SSH / Containers — Teletrabajo para devs: abre proyectos en servidores remotos o contenedores Docker como si fueran locales.

Extensiones que evitar

No todo lo que brilla es oro. Algunas extensiones populares tienen alternativas mejores o simplemente están abandonadas:

• Bracket Pair Colorizer — Ahora es nativo de VS Code. Desinstálalo.
• Path Autocomplete — También nativo desde VS Code 1.44.
• npm Intellisense — VS Code ya lo hace automáticamente con imports.
• Beautify — Obsoleto. Usa Prettier.
• Tslint — Deprecado. Migra a ESLint con @typescript-eslint.

Recomendación por perfil

No todas las extensiones son para todos. Aquí tienes el combo ideal según tu rol:

Empieza con las esenciales según tu perfil y ve añadiendo según necesites. Menos es más: cada extensión es un proceso en segundo plano.