Aprende a Trabajar con Git, Github en Visual Studio Code

hola amigos en este vídeo vamos a ver cómo trabajar con GIT, con un

repositorio local y un repositorio remoto en Visual Studio Code.

Lo primero que tenemos que hacer es instalar el editor, sino lo tienes instalado les recomiendo un video que hay en mi canal render2web donde explico cómo instalarlo configurarlo usarlo con las extensiones recomendadas, les recomiendo que antes de ver este vídeo vean ese primero porque aquí vamos a ver la integración entre visual studio code y git .

Aquí le dejo Video recomendado antes de seguir Cómo Instalar, Configurar y Usar Visual Studio Code

Entonces lo primero es descargar #GIT ese lo podemos hacer desde la página oficial, vamos al buscador y escribimos  GIT y vamos a ir a la descargar en git-scm.com En mi caso estoy utilizando la versión 2.26 a la fecha de grabación de este vídeo, ya lo tengo descargado para mi sistema operativo windows de 64 bits ustedes lo deberán descargar para las diferentes opciones que tengan.

 muy bien vamos a empezar entonces con la instalación:

 ejecutamos el archivo el programa, le vamos a dar en next,  vamos a dejarlo en la ubicación por defecto, “en mi caso” vamos a darle en next,  vamos a adicionar el icono en el escritorio, dejamos la opción de las fuentes de windows y deseleccionamos la opción para las actualizaciones Check daily for git for windows update vamos a darle next, vamos a dejarlo aquí, que se organice en el directorio git en Windows,  vamos dentro de todas estas opciones a seleccionar que quede con #visualstudio code, vamos a darle next vamos a seleccionar que utilice los comandos adicionales de unix desde la línea de comandos, y le damos next vamos a dejar esta opción en el open ssl librería next y vamos a dejarlo como está por defecto aquí en la primera opción utilizar el estilo de windows  next vamos a dejarlo en esta opción en MinTTY y next y vamos a dejarlo aquí

vamos a darle instalar, vamos a esperar que termine de instalar, esto es lo primero para que quede instalando git en nuestra máquina y podamos utilizarlo.

Muy bien una vez instalado vamos a deseleccionar esta opción VIEW RELEASE NOTES

y le damos next, aquí vemos la opción de acceder como a un layout que tiene, pero eso no nos interesa en este momento ya podemos eliminar el instalador .

Previamente hemos creado una carpeta llamada vscode git dónde vamos a crear un archivo para empezar a trabajar

vamos a ponerlo index.html y utilizamos la opción que vimos en el vídeo anterior de visual studio code.

Le damos clic derecho aquí en la carpeta y le damos abril con code, cerramos el bienvenido y ya tenemos todo, lo primero que tenemos es un archivo, vamos a crear un poco de código y vamos a utilizar emmet que es para autocompletar código de manera muy fácil y creamos el signo de interrogación y le damos tabulador si ya tenemos vamos a colocarle aquí git vscode y le damos guardar muy bien, tenemos un archivo.

ahora vamos al control del código fuente desde aquí

y vemos que nos dice que la carpeta abierta actualmente no tiene un

repositorio git, entonces lo que vamos a hacer, es abrir la terminal, podemos hacerlo desde aquí:

terminal- nueva terminal o le damos control ñ , si ya tenemos aquí la terminal lo que vamos a escribir es el siguiente comando git init

y cuando hagamos esto, esto aquí, ya va a cambiar ,ya vamos a poder trabajar con el control de código fuente.

ya sé inicializo un repositorio en local, aquí, si nosotros vamos a la pestaña explorador de archivos y le damos en index.html clic derecho mostrar en el explorador de archivos, es lo mismo que si yo voy aquí al escritorio y dentro de la carpeta GIT, le damis clic y veremos que ya nos aparece una carpeta oculta con una serie de carpetas de archivos que son la configuración a los cuales no vamos a prestar atención, son simplemente de configuración, allí lo importante es que ya se creó el repositorio inicial.

Entonces ya podemos esconder temporalmente nuestra terminal

le damos control ñ nuevamente y vamos otra vez al control de código fuente allí nos aparece el archivo index html pero nos aparece esta opción :

sin seguimiento, ahora lo que se debe hacer es:

Aquí en este archivo

le doy y le voy a dar

le doy almacenar todos los cambios y con eso ya lo pasamos de U a índice añadido.

ahora vamos a hacer la incorporación

y le vamos a dar en confirmar todo el nos va a pedir un mensaje

y le vamos a colocar aquí “commit inicial” y este va a ser el primer

commit, damos enter y ya no hay ningún cambio pendiente.

Para una mejor comprensión de este tema les recomendamos ver el video hasta el final.

Te puede interesar...

Deja un comentario