Algunas extensiones valen de verdad la pena: Prettier, ESLint, GitLens, Git Graph, Error Lens, Path Intellisense. El resto es ruido. Esta lección te da la lista corta y el argumentario para cada una.
Instalar una extensión
Abre el panel de Extensiones (icono cuadrado en la barra lateral, o Ctrl+Shift+X). Escribe el nombre o el ID en la barra de búsqueda y haz clic en Install.
También puedes instalar desde la terminal:
Las 6 extensiones esenciales
Prettier - esbenp.prettier-vscode
Formatea tu código automáticamente en cada guardado: indentación, comillas, comas, longitud de línea. Ya no tienes que pelearte con el estilo de un archivo. Configúralo una vez en .prettierrc y olvídalo.
ESLint - dbaeumer.vscode-eslint
Detecta bugs potenciales antes de ejecutar el código: variables sin usar, imports faltantes, errores de tipos comunes. Los subrayados rojos aparecen en tiempo real en el editor. Imprescindible en cualquier proyecto JavaScript o TypeScript.
GitLens - eamodio.gitlens
Muestra directamente en el editor, en gris claro, quién modificó cada línea y cuándo (el "git blame" inline). Pasa el cursor por una línea: ves el mensaje del commit. Haz clic: llegas al historial completo. Imprescindible en cualquier proyecto en equipo.
Error Lens - usernamehw.errorlens
Por defecto, VS Code muestra los errores de ESLint y TypeScript solo cuando pasas el cursor por la línea. Error Lens los muestra en negrita directamente a la derecha del código incorrecto, sin mover el ratón. Ves los errores mientras escribes.
Path Intellisense - christian-kohler.path-intellisense
Autocompletar rutas de archivos en tus imports (../components/Button, ./utils/format). Escribe ./ y aparece una lista de archivos. Evita errores tipográficos en rutas relativas.
IntelliCode - visualstudioextsai.vscodeintellicode
Mejora el autocompletado de VS Code con sugerencias basadas en el contexto de tu código y patrones populares open-source. Las sugerencias más probables suben al principio de la lista, marcadas con una estrella.