15-vscode-commits.md

Curso: Dominando Git y la Conexión con la Nube

Introducción

Ya conocemos el panel Source Control. Ahora vamos a usarlo para hacer algo concreto: añadir cambios al staging y hacer un commit, todo desde la interfaz de VS Code.

Punto de partida

Abrimos mi-proyecto en VS Code. Hacemos un cambio en index.js, por ejemplo añadimos una línea:

index.js

console.log("Iniciando aplicación...");
+ console.log("Cambio desde VS Code");

En cuanto guardas el archivo, VS Code detecta el cambio. El icono del panel Source Control muestra un número indicando cuántos archivos han cambiado.

Añadir al staging

Abrimos el panel Source Control. Veremos index.js en la sección Changes.

Para hacer stage del archivo, pasamos el ratón por encima y hacemos clic en el icono + que aparece a la derecha.

El archivo pasa a la sección Staged Changes. Equivale a haber ejecutado:

git add index.js

Si quieres añadir todos los archivos de golpe, el icono + también aparece al lado del título de la sección Changes.

Stage parcial: seleccionar líneas concretas

Una de las cosas que más se agradece en VS Code es poder hacer stage solo de algunas líneas de un archivo, no del archivo completo.

Hacemos clic sobre el archivo en la sección Changes para ver el diff. En el diff, seleccionamos con el ratón las líneas que queremos añadir, hacemos clic derecho y elegimos Stage Selected Ranges.

Esto te permite hacer commits limpios y bien organizados, sin mezclar cambios que no tienen nada que ver entre sí.

Hacer el commit

Con los archivos en Staged Changes, escribimos el mensaje del commit en el campo de texto de la parte superior del panel y hacemos clic en el botón Commit.

Listo. El commit se ha creado exactamente igual que con:

git commit -m "tu mensaje"

Descartar cambios

Si tienes cambios en la sección Changes que no quieres conservar, puedes descartarlos haciendo clic en el icono de flecha circular (↺) que aparece al pasar el ratón por encima del archivo.

VS Code te pedirá confirmación antes de borrar los cambios, porque esta acción no se puede deshacer con Git.

Si quieres descartar solo algunas líneas, puedes hacerlo también desde el diff: seleccionas las líneas, clic derecho y Revert Selected Ranges.

Ver el diff antes de hacer stage

Antes de añadir nada al staging, puedes hacer clic en cualquier archivo de la sección Changes para ver exactamente qué ha cambiado. Se abre una vista diff en el editor: en rojo lo que había antes, en verde lo que hay ahora.

Es la misma información que git diff, pero presentada de forma más legible.

En la siguiente guía verás cómo gestionar ramas desde VS Code: crear, cambiar y eliminar sin tocar la terminal.

---