Hasta ahora hemos usado Git desde la terminal. Es importante conocerlo así porque te enseña lo que realmente está pasando. Pero en el día a día, muchos desarrolladores usan Visual Studio Code para trabajar con Git de forma visual, sin escribir comandos.
VS Code tiene integración con Git de serie, sin instalar nada extra. En esta guía conocerás el panel principal desde el que se gestiona todo.
En la barra lateral izquierda de VS Code hay un icono que parece un árbol con ramas. Ese es el panel Source Control. También puedes abrirlo con el atajo Ctrl+Shift+G (o Cmd+Shift+G en Mac).
Cuando abres una carpeta que es un repositorio Git, VS Code lo detecta automáticamente y empieza a mostrarte los cambios.
El panel se divide en varias secciones:
Changes — Archivos que has modificado pero que todavía no has añadido al área de staging. Equivale a lo que ves con git status en la sección Changes not staged for commit.
Staged Changes — Archivos que ya has añadido al área de staging con git add. Listos para el próximo commit.
En la parte superior del panel tienes un campo de texto para escribir el mensaje del commit y un botón para confirmarlo. Todo en el mismo sitio.
En la parte de abajo de VS Code hay una barra de estado. Ahí tienes información útil de Git siempre visible:
- El nombre de la rama en la que estás — puedes hacer clic para cambiar de rama.
- Flechas de sincronización — te indican si tienes commits por subir o por bajar del remoto.
No tienes que abrir ningún panel para saber en qué rama estás o si tu rama está desactualizada. Está siempre ahí.
Cuando editas un archivo, VS Code muestra marcas de colores en el margen izquierdo del editor, justo al lado de los números de línea:
- Verde — líneas nuevas que has añadido.
- Azul — líneas que existían y has modificado.
- Rojo (triángulo) — líneas que has eliminado.
Estas marcas se llaman gutter indicators y te permiten ver de un vistazo qué has cambiado sin salir del archivo que estás editando.
Con VS Code tienes tres lugares donde Git siempre está presente:
- El panel Source Control para ver cambios, hacer stage y commits.
- La barra de estado inferior para saber en qué rama estás y sincronizar.
- Los indicadores en el editor para ver qué líneas has tocado.
En la siguiente guía harás tu primer commit desde VS Code: añadir archivos al staging y confirmarlos, todo sin escribir un solo comando.