Trabajando con Git

Hola espero estén super bien a pesar de todo, bueno les comparto algo que quería realizar hace muchísimo tiempo, escribir acerca de como trabajar con Git desde Visual Studio Code que por cierto a estas alturas ya deje de usar sublimetext que era uno de mis favoritos para el desarrollo de Open Surce - bueno entremos en contexto; para este articulo comenzaremos trabajando y especificando paso a paso el uso de algunos comando en Git, además se asume que ya tienes instalado Git y el articulo estará en constante actualización por lo menos los siguientes 6 meses con la finalidad de ir agregado nuevos comandos y recursos, comencemos.

1. Configurar el usuario y el email:

Después de realizar la instalación de GIT lo primero que se debe realizar es configurar el usuario y el email, con la finalidad de administrar e identificar al usuario que hizo commits en algún archivo del proyecto, todo esta configuración se realiza desde la consola de GIT y el paso a seguir es buscar GIT Bash desde inicio de Windows y seguidamente a modo general se debe ejecutar 2 líneas de comando (está acción se debe realizar en el repositorio de trabajo local) git config --global user.name "ingresa_nombre" y git config --global user.email "ingresar_email" ():

Buscar desde la búsqueda de inicio y clic en GIT Bash.

Para este articulo se debe ejecutar desde 
D:\HADSON\Git\DEMOS\HTMLCSS\D01HTMLCSS los siguiente comando:
git config --global user.name "hadson"
git config --global user.email "hadson1@gmail.com"

Recuerda que este primer paso lo tienes que realizar estando en ruta de tu repositorio de trabajo loca 

2. Crear repositorio de trabajo local:

Seguidamente se debe crear un repositorio en nuestro disco local, en mi caso e creado el directorio de D01HTMLCSS en la unidad D de mi disco local (ruta completa - D:\HADSON\Git\DEMOS\HTMLCSS\D01HTMLCSS), seguidamente debemos inicializa la consola de GIT haciendo clic derecho al estar en el directorio D01HTMLCSS y seleccionar Git Bash Here y para finalizar la creación del repositorio ingresar el comando git init y se creará el directorio .git que normalmente esta oculto:

Clic en Git Bash Here

Ingresar el comando git init y presionar la tecla enter

Recordarles que en el repositorio D01HTMLCSS se viene subiendo una toda la series del curso Aprendiendo HTML y CSS para nuestro primer sitio web. 

3. Agregar archivos desde Visual Studio Code

Agregar los archivos index.html y style.css  desde VS Code, para cual debes abrir VS Code desde el directorio creado (D01HTMLCSS) o simplemente tomar la ruta y clic en file/open folder y seguidamente clic en new file para crear dicho archivos:

En mi caso la ruta completa es:
D:\HADSON\Git\DEMOS\HTMLCSS

Clic en new file para crear los archivos mencionado

Ahora visualizaremos ambos archivos

Ambos archivos creados tiene una particularidad al final - ambos terminan con la letra U, esto se vera más adelante.

3. Aplicando Git Staging área:

Para realizar esta actividad nuevamente abrimos la consola de Git y se debe hacer uso del comando git add [nombre_archivo]; con dicho comando aplicamos el Staging (git add index.html) al archivo index.html; seguidamente ingresaos el comando git status -s con la finalidad de ver el estado del archivo, y observamos en el repositorio D01HTMLCSS que hay una diferencia en ambos archivos index.html y script.js:

Primero ingresas el comando git add index.html y seguidamente git status -s

Con la letra A de color verde lo que indica que el archivo está añadido al staging área mientras que el archivo script.js esta con dos signos de cierre de interrogación (??) lo que indica que aún no fue añadido al staging área  y sólo se encuentra en el working directory (directorio de trabajo).

Recordemos que también es posible, saltarse el stage y hacer check-out de los archivos directamente desde los archivos de commit sin hacer primero el staging.

Ahora desde Visual Studio Code modifica el archivo index.html y vuelva a ejecutar el comando git status -s y observará lo siguiente:

Se ha añadido la letra M en color rojo, quiere decir, que el archivo index.html está añadido al staging área pero ha sido modificado después de añadirlo, cabe recalcar que para que estos cambios sean añadidos al stagin area, se debe nuevamente ejecutar el comando git add index.html.

Recordar que sí en este momento hiciéramos commit, los cambios que se realizaron en el archivo index.html no se subirán al repositorio, puesto que no están añadidos al stagin area.

Dicho esto los cambios que se confirman al repositorio (commit) son los que están actualmente en el staging area al momento de hacer commit.

4. Aplicando el comando Git Diff:

Este comando nos muestra las diferencias entre línea a línea que existen entre el archivo que está en el staging area y lo que está en el directorio de trabajo que aun no se ha añadido.

Lo que esta de color verde es lo que aun no se añadido al staging area

Recuerda que debe agregar y ejecutar el comando git add [nombre_archivo] con la finalidad de agregar al staging area los ultimos cambios.

5. Aplicar Commit para confirmas cambios:

Luego de haber visto los comandos para aplicar los archivos en el staging area, ahora veremos cómo confirmar los cambios y tener una versión en el repositorio local, en mi caso el repositorio es D01HTMLCSS. Para ello aplicamos en comando commit (git commit -m "y un mensaje de confirmación"), al  hacer commit es cuando se crea una versión del archivo y se esta confirmando los cambios.

Tenemos la confirmación de haber creado la primera versión de index.html del mismo modo puedes realizar con el archivo style.css

Conclusiones:

A modo de concluir e ir cerrando esta primera parte, recuerden que se vieron los principales comando como:

• git config --global user.name "ingresa_nombre"  y git config --global user.email "ingresar_email": Para configurar el usuario y el email.
• git init: Para crear el directorio .git
• git add [nombre_archivo]: Para aplicar staging area a los archivos
• git status -s: Para ver el estado de un archivo
• git commit -m "y un mensaje de confirmación": Para subir una versión del archivo y confirmando los cambios.

Con estos pasos realizados y comandos aplicados ya tenemos una buena base para seguir utilizando Git a otro nivel, por ejemplo para clonar un repositorio remoto o para utilizar Git con algún Visual Studio Code que se verá en el próximo articulo en relación a GIT.

Gracias nuevamente 😊; comentarios y apreciaciones son bienvenido, un fuerte abrazo para todos ✌...!!!