Curso de GIT_nelsonReinoC

Vista previa del material en texto

Curso de GIT 
Autor: nelsonReinoC 
 
Git = sistema de control de versiones. Cualquier desar rollador debe 
manejar Git. Es open source. 
Controla o administra las diferentes versiones de un programa. A 
medida que el proyecto crece, guarda archivos de este proyecto y 
los puede administrar mejor. Controla los cambios de codigo de su 
programa. Registra cualquier cambio de codigo, que dia, a que 
hora, que dia y quien lo modificó. 
En Git se puede trabajar en proyectos desde cualquier lugar del 
mundo. 
En Git se puede trabajar con repositorios locales o remotos. 
 
 
En Git hay 3 estados: 
Working Directory = donde esta el usuario con todos sus archivos. 
Staging area = donde estan todos los archivos que se van a 
preparar para el guardado. 
Repository = Cuando ya estan listos los archivos para el guardado, 
pasan a un respositorio. 
 
Curso de GIT 
Autor: nelsonReinoC 
 
Comandos básicos : 
git init = iniciar un proyecto nuevo. 
git add <file> = pasar los archivos del working directory a staging 
area. 
git add . = agrega todos los archivios y carpetas de una sola ves. 
No de uno en uno. 
git status = estado de los archivos. Si estan en estado uno o estado 
dos, etc… 
git commit = pasar desde el staging area al repositorio. Toma la 
primera foto de la version del codigo. Snapshot. 
git push = subirlo a un repositorio remoto. 
Enviar los cambios al repositorio remoto 
El último paso, si tienes un repositorio remoto donde envías código, es trasladar 
los datos allí y esto lo hacemos con el comando push. 
git push 
Y si tenemos que especificar el repositorio remoto y la rama, sería así: 
git push origin master 
Aunque quites los archivos del repositorio se podrán seguir viendo en el histórico ,y aunque se 
pueden quitar del histórico de commits, requiere de otros pasos de mayor complejidad. 
 
git log = lista las confirmaciones hechas sobre el repositorio en orden cronológico 
inverso. Es decir, las confirmaciones más recientes se muestran al principio. 
git pull = Cuando se trabaja en equipo, trae los cambios que han 
hecho los otros desarrolladores. 
git clone = Hace una copia de los archivos desde el servidor central 
a la computadora del usuario. 
Curso de GIT 
Autor: nelsonReinoC 
 
git rm = El comando git rm se puede usar para eliminar archivos sueltos o un conjunto 
de ellos. La función principal de git rm es eliminar los archivos en seguimiento del índice 
de Git. Además, git rm se puede usar para eliminar archivos tanto del índice del entorno 
de ensayo como del directorio de trabajo. 
Si queremos conservarlo tendríamos que poner lo siguiente: 
git rm --cached nombre_archivo 
Y si queremos eliminar el directorio y su contenido haríamos esto: 
git rm -r --cached nombre_directorio 
Con –cached mantenemos los ficheros en nuestro directorio de trabajo. 
 
git branch = permite crear una rama nueva. Si quieres empezar a trabajar en una nueva 
función, puedes crear una rama nueva a partir de la rama main con git branch new_branch 
. ... Puedes trabajar en varias funciones en un solo repositorio alternando de una a otra con 
git checkout . 
 
git log = sirve para explorar el historial del repositorio. Este comando se usa cuando 
necesitas buscar una versión concreta de un proyecto o saber los cambios que se 
introducirán mediante la fusión en una rama de función. 
 
git checkout nomarch = revertir cambios en un archivo. 
 
git restore nom arch = restablecer carpeta o archivo borrado. 
Instalar Git: 
Despues de instalado, podemos usar un terminal, para ejecutar 
comandos de unix. 
ls = lista los directorios y archivos 
pwd = para ver en que directorio estamos. Ver en que ruta de 
nuestro sistema está posicionado el terminal. 
rm = borra archivos (rm nombreArchivo) 
cd = abre un directorio o carpeta ( cd nomDir) 
 
Curso de GIT 
Autor: nelsonReinoC 
 
Ejemplo con Git.- 
Proyecto creado en Visual code: carpeta “proyectoGit” 
Un archivo HTML = index.html 
Un archivo .js = app.js 
 
 
Curso de GIT 
Autor: nelsonReinoC 
 
Lo primero que se hace es configurar NUESTRAS CREDENCIALES con 
el email con que nos registramos en Git Hub y luego con nuestro 
usuario: 
$ git config --global user.email “nelsonrc.javafs@gmail.com” 
$ git config –global user.name “nelsonReinoC” 
Con esto quedamos listos para crear nuestro primer repositorio y 
utilizar tecnologia GIT. 
La carpeta se llama Proyectonrc. 
Lo primero es abrir un terminal en esta carpeta. 
Clic-d sobre la carpeta y seleccionamos “Git Bash here” 
Y se abre esta consola: 
 
Si en esta consola digitamos ls : nos muestra los dos archivos del proyecto. Y la ubicación de la 
carpeta del proyecto. 
 
Seguidamente vamos a utilizar el comando: git init para indicarle que vamos a iniializar un proyecto. 
mailto:nelsonrc.javafs@gmail.com
Curso de GIT 
Autor: nelsonReinoC 
 
Sale esto : inicializó un repositorio vacío en el proyecto en Visual code: 
 
Esta carpeta creada .git no es visible en la carpera proyectoGit (gestionar visibilidad en la carpeta) 
 
Adicionar cada archivo por separado, con git agt commitdd nomarch 
Observar todas las acciones echas :
 
Los tres archivos ya aparecen en color verde. Quiere decir, que ya están en seguimiento por Git. 
Crear el primer SnathShop(foto) de este proyecto: 
Damos en el terminal : git commit 
Aparece en el editor VSC, un archivo donde se pone un mensaje de confirmacion, y al 
cerrarlo, nos devuelve al terminal de Git Bash Here. 
Curso de GIT 
Autor: nelsonReinoC 
 
 
Dice que los 3 archivos han sido cambiados, 12 inserciones(+) 
Y se ha creado un ID numerico paraidentificar este grupo de archivos. 
Ya hay una manera de seguir estos archivos. 
Luego escribimos: 
Git log (muestra la primera foto del proyecto) 
 
Dio un HTACH numerico que identifica al SnapShop 
Y salen datos del usuario. 
Fecha y hora de ejecucion y el mensaje de confirmacion. 
 
Si digitamos de nuevo Git status: 
Curso de GIT 
Autor: nelsonReinoC 
 
 
Dice que no hay nada para COMITTIAR. Que mi espacio de trabajo esta limpio. 
NOTA: si desde el editor se hace algun cambio a un archivo commitado, por ejemplo en 
index.html, se refleja en el terminal: 
 
Salió en letra roja que index.html ha sido modificado. Y que puedo deshacer estos cambios asi: 
Git checkout index.html 
y sale este nuevo mensaje: los cambios han sido revertidos. Si examina index.html, verificara que 
efectivamente los cambios fueron revertidos. 
Ejemplo cuando se aceptan los cambios en el archivo index.html: 
Modificamos el index.html con 2 lineas de codifgo mas. 
Digtamos en el terminal: git status 
Y dice que este archivo ha sido modificado. 
Para yo ver las diferencias de lo modificado digito : 
Curso de GIT 
Autor: nelsonReinoC 
 
Git diff index.html y sale esto: 
 
 
El codigo que ya habia: 
<h1> hola Git</h1> en letra blanca 
Las dos lineas de codigo añadidas: 
<h1> hola Git</h1> en letra verde 
<h1> hola Git</h1> en letra verde 
 
Para agregar los nuevos cambios al archivo: 
Git add index.html 
Digito git status: 
 
Dice que index.html ha sido modificado en letra verde. 
Curso de GIT 
Autor: nelsonReinoC 
 
Y hay que agregarlo de nuevo, asi: 
Git add index.html 
Y ya quedo agregado nuevamente. 
Y subirlo de nuevo: 
Git commit 
Ponemos el mensaje, cerramos y guardamos el archivo de modificacion. 
Y sale en el terminal: 
 
 
Ignorar archivos o carpetas creando un archivo: .gitignore 
Creamos una carpeta dentro de nuestro proyecto proyectoGit, test y dentro un archivo 
testiando.js . 
Tecleamos en el terminal git status, sale la carpeta creada en rojo: test/ 
Para ignorarla y otros archivos mas: 
Creamos el archivo .gitignore 
Si le agrega el nombre de la carpeta test y graba y digita en la terminal git status, ya no aparece 
dicha carpeta. 
Este archivo .gitignore hay que agregarlo al proyecto con git add .gitignore 
Y habria que hacer el gitcommit de nuevo(el snapshop): 
Git commit –m “he agregado un archivo .gitignore” con este ultimo comentario, me evito ir hasta 
el archivo de cambios y escribir este mismo mensaje, guardar y regresar a la terminal. 
 
Crear una version alternativa de este proyecto, de nombre 
“login”: 
Curso de GIT 
Autor: nelsonReinoC 
 
Despues de haberle dado un commit. 
Git branch 
Muestra lo siguiente: 
 
Muestra una carpeta llamada * master que significa que tenemos un solo proyecto con todos los 
cambios. 
Agregar la version alternativa de nombre login : 
Git branch login 
Queda creada la version alternativa de la carpeta * master, de nombre login. 
Para verificarlo, tecleamos: 
Git branch y muetsra: login y master. 
 
 
Para cambiar a la rama “login” : 
Git checkout login 
Y git branch 
Y muestra que quedaria trabajando en en login (en letra verde) 
Curso de GIT 
Autor: nelsonReinoC 
 
 
Y puedo ir a VSC y alterar la nueva version de mi proyecto original, llamado login. 
git add . = agrega todos los archivios y carpetas de una sola ves. No de uno en uno. 
 
Observar como ya agregó los 2 archivos que hay en la carpeta pruebaLogin. 
Y hacemos un nuevo commit: 
 Git commit –m “version alternativa” 
 
 
NOTA: LAS CARPETAS VACIAS, GIT NO LAS MUESTRA EN LA TERMINAL. 
Luego damos un git log : 
Y muestra todas la fotos que hemos tomado del proyecto. 
Curso de GIT 
Autor: nelsonReinoC 
 
 
Ahora vamos a salir de la rama “login” y cambiarnos a la ramas “master” : 
Git checkout master 
 
Y ya estamos en la rama master. 
Si miramos en VSC en el proyecto inicial “master”, vemos que ya no estan los archivos que 
pusimos en login. 
Y si tecleamos git log, nos muestra la primer foto o commit de este proyecto. 
 
Subir nuestro codigo a GitHub, para compartir con otros miembros del 
proyecto: la herramientas es GitHub. 
Registrase en GitHub. 
Visual Studio Code, permite subir el proyecto a mi cuenta GitHub. 
 
Curso de GIT 
Autor: nelsonReinoC 
 
Descargar este proyecto o clonarlo. : 
Se puede hacer de dos maneras: 
1. descargando el proyecto en formato .zip 
2. copiando la direccion de ubicación del proyecto dentro de GitHub 
 
Abrimos la terminal GitBash Here y escribimos lo siguiente y enter: 
 
Y comenzó a descargar el proyecto. 
Mas funcional descargarlo y abrirlo con GitHub Desktop. 
Open with GitHub Desktop ( opcion en la imagen) 
Curso de GIT 
Autor: nelsonReinoC 
 
 
 
 
Seleccione Open with Visual Studio Code. 
Y aparecerá en en este editor. 
Tambien lo podrá encontrar en la carpeta de mis documentos: GitHub. 
 FIN.