VS Code ganó la guerra de los editores de código hace años. La discusión ya no es si usarlo sino cómo configurarlo para que no sea una experiencia genérica igual a la de cualquier otro desarrollador. El ecosistema de extensiones tiene más de 50.000 entradas en el marketplace, lo que convierte elegir en un problema real. Esta lista recoge las 35 que más trabajo cambian en el día a día, organizadas por categoría.
Productividad y flujo de trabajo
1. GitLens — La extensión de Git más completa del ecosistema. Muestra quién escribió cada línea, cuándo y en qué commit, directamente en el editor. El blame inline que aparece al final de cada línea es el cambio de hábito más inmediato. Para equipos que trabajan con repositorios con mucho historial, es indispensable.
2. Project Manager — Gestiona múltiples proyectos y cambia entre ellos sin cerrar y abrir carpetas manualmente. Si trabajas con 5 o más repositorios activos en paralelo, el ahorro de tiempo es notable.
3. Todo Tree — Escanea todo el proyecto buscando comentarios del tipo TODO, FIXME, HACK y los agrupa en un panel lateral. Evita que las deudas técnicas se pierdan en el código.
4. Bookmarks — Permite marcar líneas específicas dentro de cualquier archivo y saltar entre ellas con atajos. Para navegar archivos grandes es más rápido que la búsqueda.
5. Task Runner — Interfaz visual para ejecutar las tareas definidas en package.json, Makefile o Taskfile sin tener que escribir el comando cada vez.
6. Timeline — Ya integrado en VS Code, pero poco conocido: muestra el historial de cambios locales de un archivo, incluso antes de hacer commit. Recupera versiones anteriores sin necesidad de Git.
Asistencia con IA
7. GitHub Copilot — El estándar del sector. Autocompletado inline, generación de funciones a partir de comentarios, explicación de código seleccionado. Si solo vas a instalar una extensión de IA, es esta. Tiene coste (unos 9€/mes en el plan individual), pero el tiempo que ahorra en código repetitivo lo justifica. Si te interesa cómo se compara con otras herramientas similares, la guía de GitHub Copilot para JetBrains da contexto sobre cómo funciona en otros entornos.
8. Continue — La alternativa open source a Copilot. Se conecta a modelos locales (Ollama, LM Studio) o a APIs de Anthropic, OpenAI y Groq. Para quien quiere asistencia de IA sin mandar código a servidores externos, es la opción. Funciona sorprendentemente bien con modelos de 7B-14B en local. En nuestra guía sobre cómo ejecutar LLMs localmente con LM Studio explicamos el setup base.
9. Codeium — Alternativa gratuita a Copilot con modelo propio. La calidad de las sugerencias es inferior en código complejo pero perfectamente útil para tareas rutinarias. Su plan gratuito no tiene límite de uso.
10. Tabnine — Modelo de IA que se puede ejecutar completamente en local o conectar a la nube. Tiene opción de entrenamiento sobre tu propio código, lo que lo hace especialmente interesante para equipos con estilos de código muy específicos.
Formateo y calidad de código
11. Prettier — El formateador de código más usado en el ecosistema JavaScript/TypeScript. Configuración mínima, resultados consistentes. Si trabajas en equipo, elimina las discusiones sobre estilo de código de una vez.
12. ESLint — Análisis estático para JavaScript y TypeScript. Detecta errores antes de ejecutar el código y enforce reglas de estilo. Funciona junto a Prettier, no en su lugar.
13. Error Lens — Muestra los errores y advertencias de ESLint u otros linters directamente en la línea donde están, sin tener que ir al panel de problemas. Cambio de flujo inmediato.
14. SonarLint — Análisis de calidad de código con las mismas reglas que SonarQube. Detecta code smells, vulnerabilidades de seguridad y bugs potenciales. Soporta Java, Python, JS, TypeScript, C# y más.
15. Pylance — El servidor de lenguaje para Python de Microsoft. Type checking, autocompletado inteligente, inferencia de tipos. Imprescindible si usas Python con tipado estático.
Git y colaboración
16. Git Graph — Visualización gráfica del árbol de commits y ramas. Para entender el estado de un repositorio complejo es más claro que cualquier comando de terminal.
17. GitHub Pull Requests — Gestiona pull requests de GitHub directamente desde VS Code: revisar diffs, dejar comentarios, aprobar o pedir cambios. Reduce los saltos entre el editor y el navegador.
18. Conventional Commits — Asistente para escribir mensajes de commit siguiendo el estándar Conventional Commits (feat:, fix:, chore:, etc.). Para equipos que generan changelogs automáticos, es útil.
19. GitLens Worktrees — Permite trabajar con múltiples ramas en paralelo sin hacer stash ni cambiar de rama. Disponible en la versión gratuita de GitLens desde hace poco.
Lenguajes y frameworks específicos
20. Volar — El servidor de lenguaje oficial para Vue 3. Autocompletado, type checking en templates, soporte para <script setup>. Reemplaza Vetur en proyectos Vue modernos.
21. Astro — Soporte oficial para el framework Astro: sintaxis coloreada, autocompletado en ficheros .astro, integración con TypeScript.
22. Prisma — Si usas Prisma como ORM, esta extensión añade formato automático del schema, autocompletado y validación de tipos. El workflow sin ella es notablemente más lento.
23. Django — Soporte para templates de Django, atajos para crear modelos, vistas y URLs. No tan completo como PyCharm en este ámbito, pero suficiente para la mayoría de flujos.
24. Rust Analyzer — El servidor de lenguaje para Rust. Inlay hints, autocompletado, detección de errores en tiempo real. Si programas en Rust sin esto es sufrir innecesariamente.
Docker y cloud
25. Docker — Gestión de contenedores e imágenes desde VS Code. Visualización de logs, acceso a shells dentro de contenedores, edición de Dockerfiles con autocompletado. Integra bien con Docker Compose.
26. Kubernetes — Para quien trabaja con clusters de Kubernetes, permite explorar recursos, ver logs de pods y aplicar manifiestos sin salir del editor.
27. Remote - SSH — Abre cualquier servidor remoto como si fuera una carpeta local. Editas los archivos directamente en el servidor sin copiarlos, con toda la potencia de VS Code. Útil para trabajar en VPS, Raspberry Pi o servidores de desarrollo.
28. Dev Containers — Define el entorno de desarrollo como código en un contenedor Docker y compártelo con el equipo. Todo el mundo trabaja en el mismo entorno, sin "en mi máquina funciona". Integra con GitHub Codespaces.
Utilidades visuales y de UI
29. Indent Rainbow — Colorea los niveles de indentación con colores distintos. Absurdamente útil para Python, YAML y cualquier lenguaje donde el sangrado es semántico.
30. Bracket Pair Colorizer 2 — Ya integrado de forma nativa en VS Code como "bracket pair colorization". Actívalo desde la configuración si no lo tienes: colorea cada par de llaves/corchetes con un color distinto.
31. Better Comments — Clasifica los comentarios por tipo (! para alertas, ? para preguntas, TODO para pendientes) y los colorea en consecuencia. Hace el código más legible sin tocar nada.
32. Color Highlight — Muestra una vista previa del color directamente en el código cuando escribe un valor hexadecimal, RGB o HSL. Para CSS y cualquier trabajo con temas visuales.
33. Image Preview — Muestra una miniatura de las imágenes referenciadas en el código al hacer hover sobre la ruta. Evita tener que abrir el explorador de archivos para saber qué imagen es.
Testing
34. Vitest — Runner de tests con interfaz visual para proyectos que usan Vitest. Ejecuta tests individuales, ve los resultados inline, navega a los fallos directamente. Similar a la extensión de Jest pero para el ecosistema moderno de Vite.
35. Test Explorer UI — Framework agnóstico para visualizar y ejecutar tests. Soporta Jest, Mocha, Pytest, PHPUnit y otros. Si tienes tests escritos pero nunca los ejecutas desde el editor, esta extensión cambia el hábito.
Si estás planteándote si merece la pena dar el salto a un editor distinto, el análisis de Zed como sucesor de VS Code es una lectura honesta sobre cuándo tiene sentido moverse y cuándo no. También hay contexto útil en la actualización de VS Code 1.110 con soporte nativo de agentes, que cambia bastante el escenario de las extensiones de IA.
La configuración de VS Code es personal hasta cierto punto: nadie usa exactamente las mismas extensiones. Pero hay un núcleo de herramientas (GitLens, Copilot o Continue, Error Lens, Prettier, Remote SSH) que aparece en la configuración de casi cualquier desarrollador que trabaja de forma profesional. El resto depende del stack. Elige las tuyas, desactiva las que no uses (cada extensión consume memoria), y evita el error de instalar cincuenta por si acaso.
0 Comentarios