Visual Studio Code. Trabajar con repositorios git

En esta lección se explica cómo empezar a trabajar en un repositorio git desde Visual Studio Code. Aunque podemos crear el repositorio con Visual Studio Code en nuestro ordenador y después subirlo a GitHub, en esta lección se explica cómo clonar en nuestro ordenador un repositorio ya existente en GitHub.

Requisitos

Para poder trabajar repositorios en GitHub con Visual Studio Code necesitamos:

Clonar un repositorio de GitHub localmente

Para clonar localmente con Visual Studio Code un repositorio de GitHub:

  1. Cree un directorio donde se guardarán los repositorios:

    Clonar repositorio GitHub con VSC

  2. Abra el directorio en Visual Studio Code (menú Archivo > Abrir carpeta ...):

    Clonar repositorio GitHub con VSC

  3. Para clonar el repositorio necesitará dos rutas (el origen y el destino):
    • La URL de repositorio, que se puede copiar desde el propio repositorio haciendo clic en el botón "Clone or download".

      Esta URL es la misma URL que aparece en el navegador pero terminada en .git.

      En la captura de ejemplo, la URL de origen es https://github.com/NumaNigerio/test-01.git

      Clonar repositorio GitHub con VSC

    • La ruta del directorio de destino, es decir, la ruta de la carpeta en la que se va a crear la carpeta que contendrá la copia del repositorio. Esta ruta se puede copiar del Explorador de Windows.

      En la captura de ejemplo, el directorio de destino es C:\Users\Barto\Documents\LMSGI\Barto\Repositorios

      Clonar repositorio GitHub con VSC

  4. En Visual Studio abra la ventana de comandos con Ctrl+Alt+p

    Clonar repositorio GitHub con VSC

  5. Escriba el comando git:clone y pulse Intro:

    Clonar repositorio GitHub con VSC

  6. Escriba la URL del repositorio de origen y pulse Intro:

    Clonar repositorio GitHub con VSC

  7. Escriba la ruta del directorio que contendrá la copia y pulse Intro:

    Clonar repositorio GitHub con VSC

  8. En unos segundos se mostrará la carpeta del repositorio clonado en la barra dle explorador y se ofrecerá la posibilidad de abrir la carpeta del repositorio clonado. Haga clic en "Abrir repositorio".

    Clonar repositorio GitHub con VSC

  9. Visual Studio Code abrirá la carpeta del repsositorio clonado, mostrando su contenido (en el ejemplo, el repositorio contiene únicamente el fichero README.md.

    Clonar repositorio GitHub con VSC

Realizar commits en el repositorio remoto

En git, un commit es un conjunto de cambios que se realizan en los ficheros del repositorio.

En Visual Studio Code podemos realizar commits, que se guardan en el repositorio local. Para sincronizar nuestros cambios en el repositorio, debemos identificarnos como usuario del repositorio.

¡Atención!Esa identificación se guarda como credencial de Windows, por lo que si estamos utilizando un ordenador al que tienen acceso otras personas, es muy importante que eliminemos la credencial antes de abandonar el ordenador o nos arriesgamos a que otro usuario nos suplante y acceda a los repositorios remotos.


El proceso en Visual Studio Code sería el siguiente:

Borrar credencial de Windows

¡Atención!La identificación en GitHub que utiliza Visual Studio Code se guarda como credencial de Windows, por lo que si estamos utilizando un ordenador al que tienen acceso otras personas, es muy importante que eliminemos la credencial antes de abandonar el ordenador o nos arriesgamos a que otro usuario nos suplante y acceda a los repositorios remotos.

Para borrar la credencial: