VS Code ya viene con integración Git de serie, pero hay una extensión que la lleva al siguiente nivel: GitLens. Es una de las extensiones más descargadas del Marketplace de VS Code y, una vez que la pruebas, es difícil prescindir de ella.
En esta guía verás qué es GitLens, cómo instalarlo y cuáles son las tres funciones que más vas a usar en el día a día.
GitLens es una extensión gratuita para VS Code creada por Eric Amodio. Amplía la integración nativa de Git con información mucho más detallada sobre el historial, los autores y los cambios del código.
La versión gratuita es más que suficiente para el uso diario. Existe una versión Pro con funciones adicionales, pero no la necesitas para lo que verás aquí.
Hay dos formas de instalar GitLens.
Desde la interfaz de VS Code:
- Abre el panel de extensiones con
Ctrl+Shift+X(oCmd+Shift+Xen Mac). - Busca
GitLens. - Haz clic en Install.
Una vez instalado, GitLens se activa automáticamente en cualquier carpeta que sea un repositorio Git. No necesitas configurar nada.
Esta es la función más visible de GitLens. Cuando sitúas el cursor en una línea de código, aparece un texto tenue a la derecha con el nombre del autor, la fecha del cambio y el mensaje del commit.
Esto te permite responder en segundos a la pregunta "¿quién tocó esto y por qué?", sin salir del editor ni ejecutar ningún comando.
Si haces clic sobre el blame, se abre un panel con el diff completo de ese commit: qué cambió, en qué archivos y cuál fue el mensaje.
Puedes ver todos los commits que han modificado el archivo que tienes abierto. GitLens añade un botón en la barra superior del editor para acceder a File History.
Desde aquí puedes navegar por cada versión del archivo, ver las diferencias entre versiones y entender cómo ha evolucionado el código a lo largo del tiempo.
GitLens incluye una vista llamada Commit Graph que muestra el historial del repositorio como un diagrama visual, con las ramas representadas como líneas de colores y los commits como nodos.
Es especialmente útil cuando trabajas con varias ramas a la vez y quieres entender cómo se relacionan entre sí, dónde se bifurcaron y dónde se fusionaron.
Para abrirlo, busca GitLens: Show Commit Graph en la paleta de comandos (Ctrl+Shift+P / Cmd+Shift+P).
GitLens añade tres capas de información que Git por sí solo no muestra de forma directa en el editor:
- Blame inline — autor y commit de cada línea, visible sin salir del código.
- File History — historial completo de un archivo y cómo ha cambiado.
- Commit Graph — vista visual del historial de ramas del repositorio.
En la siguiente guía verás GitKraken, un cliente Git independiente con interfaz gráfica que funciona fuera de VS Code.