README.

md 8/4/2022

04-01 Terminal, Git y Github

Terminal CMD
Este es un tutorial introductorio al símbolo del sistema (CMD.exe), o consola de Windows o línea de
comandos.

Abrir cmd.exe
Busca la lupa de windows y escribe "cmd", aparecerá un programa llamado "símbolo del sistema" click
y wuala 👏

Para qué nos sirve

Posteriormente vamos a conocer el controlador de versiones "GIT", este trabaja de manera óptima a
través de la terminal.
Además cuando comiences a trabajar con node.js podrás instalar dependencias a través de npm
utilizando la terminal.

¿Cómo funciona?
Una línea de comandos (a menudo también conocida como consola o terminal) es una interfaz basada en
texto dentro de un sistema operativo a través de la que los usuarios envían comandos al sistema operativo.
De esta manera pueden, por ejemplo, organizarse archivos, iniciar programas o ejecutarse otros comandos
que afectan al sistema operativo, al ordenador o a la red. fuente

Help
Este comando nos sirve para mostrar una lista de todos los comandos y su definición.

help

help exit

Ejecuta ahora

exit

1 / 10
README.md 8/4/2022

Comandos básicos
Lista de comandos

pwd
Podemos ver el path o ruta actual con:

pwd

ls o dir
El comando lista el contenido del directorio o carpeta donde te encuentras, mostrando todas las subcarpetas
o archivos que tiene. Con este comando podrás saber si el archivo que buscas está ahí o a qué subcarpeta
navegar.

ls
dir

CLS
Limpia la consola.

cls

Anatomía de un comando
Todos los comandos tienen un nombre que los distingue, por ejemplo ls y pwd, serían el nombre del
comando.
Algunos como cd además tienen uno o más argumentos, por ejemplo cd carpeta
En algunos comandos los argumentos son opcionales y en otros obligatorios.
Hay comandos que pueden recibir opciones, las cuales especificamos anteponiendo - o -- al igual que
con el comando ls que ya habíamos realizado, es decir, ls -a. En este caso el -a da la opción de ver
archivos ocultos.

Linux es sensible a las mayúsculas. Esto implica que es distinto escribir CD o cd. OSX no lo es, pero tendremos
esto en cuenta y para seguir la convención escribiremos todos los comandos en minúsculas.

CD
2 / 10
README.md 8/4/2022

Muestra el nombre del directorio actual o cambia de directorio

cd

Si quisieramos viajar a esta ruta: "C:\Users\bluuweb\Desktop\jugando con la terminal"

cd Desktop
cd jugando con la terminal
cd "jugando con la terminal"

Para retroceder un directorio utiliza

cd ..

Atajo:

cd C:\Users\bluuweb\Desktop\jugando con la terminal

También en la barra de navegación de la carpeta puedes escribir cmd y se abrirá la consola con la ruta actual
de dicha carpeta.

MKDIR o MD
Sirve para crear una carpeta

md assets

mkdir nueva-carpeta

TOUCH o NI
Sirve para crear archivos

touch index.html
ni index.html (powershell)

MOVE
3 / 10
README.md 8/4/2022

Podemos mover archivos a otras carpetas

move app.js assets

En caso de mover a otro directorio utilizar comillas dobles "C:\Users\bluuweb\Desktop"

move index.html "C:\Users\bluuweb\Desktop"

CTRL + C
A veces necesitamos terminar con una ejecución, este comando es muy útil.

VSCode
Visual Studio Code tiene una opción para abrir una terminal integrada, la gracia es que nos deja en el
directorio del proyecto, muy útil para poder trabajar posteriormente con git o npm.

¿Qué es GIT?
descargar
Tutorial git y github
Es un software de control de versiones, su propósito es llevar registro de los cambios en archivos de
computadora y coordinar el trabajo que varias personas realizan sobre archivos compartidos (También
puedes trabajar solo no hay problema). Existe la posibilidad de trabajar de forma remota y una opción
es GitHub.

Actualizar git
windows

git update-git-for-windows

¿Otros?
gitlab
gitkraken
sourceforge

4 / 10
README.md 8/4/2022

¿Para qué usar GIT?

Permite regresar a versiones anteriores de forma sencilla y muy rápida.
Facilita el trabajo colaborativo.
Permite respaldar tus proyectos en la nube (ej con github).
Reduce considerablemente los tiempos de deploy.
Las "branches" o ramas, permiten trabajar con una base de código paralela al proyecto en sí.
Fuente

Flujo de trabajo de GIT

flujo git

Fuente

git merge
Fuente imagen

flujo git

Tus proyectos vinculados a git serán un repositorio

¿Qué es GitHub?
Es una plataforma de desarrollo colaborativo para alojar proyectos (en la nube) utilizando el sistema de
control de versiones Git, Además cuenta con una herramienta muy útil que es GitHub Pages donde podemos
publicar nuestros proyectos estáticos (HTML, CSS y JS) gratis.

Fundamentos de GIT
En este apartado podrás comenzar a trabajar con git.

Comandos básicos
Aprendamos los primeros comandos con git

Versión de git

git version

Registrar nuevo usuario asociado a git:

No colocar como nombre de usuario el correo de su cuenta de Github, podría traer problemas a futuro.

git config --global user.name "mi nombre"

5 / 10
README.md 8/4/2022

Es recomendable utilizar el correo asociado a Github

git config --global user.email "myemail@example.com"

git config user.name

git config user.email

Ayuda

// Ayuda sobre los comandos

git help

Mi primer repositorio

// Iniciar un nuevo repositorio

// Crear la carpeta oculta .git
// Solo se ejecuta una vez por proyecto
git init

// Ver que archivos no han sido registrados

git status -s

add

imagina que con add agregar a una caja los archivos.

y con commit los etiquetamos.

// Agregar todos los archivos para que esté pendiente de los cambios
git add .

add archivos git

commit

El comando git commit captura una instantánea de los cambios preparados en ese momento del
proyecto.
Las instantáneas confirmadas pueden considerarse como versiones "seguras" de un proyecto

6 / 10
README.md 8/4/2022

// Crear commit (fotografía del proyecto en ese momento)

git commit -m "primer commit"

// Muestra la lista de commit del mas reciente al más antigüo

git log --oneline

Vim es el editor de código en la línea de comandos

Para salir del modo edición de la líneas de comando presionar :q, en caso de realizar algún cambio sin
guardar escribir :qa
:q! también sirve para salir sin guardar

VSCode
Visual Studio Code tiene un apartado de Git, el cual de manera visual podemos trabajar.

icono visual studio code git

Github
github
Tutorial git y github

Crear repositorio
icono visual studio code git

git remote add origin https://github.com/bluuweb/tutorial-github.git

git push -u origin master

Al ejecutar estas líneas de comando te pedirá el usuario y contraseña de tu cuenta de github.

En caso de que no pida las credenciales o bien tengas otra cuenta vinculada, puedes reiniciar con:

Panel de control ->

Cuentas de usuario ->
Administrar credenciales ->
Credenciales de Windows ->
Buscar git:https//github.com y quitar

// Nos muestra en que repositorio estamos enlazados remotamente.

git remote -v

Push
7 / 10
README.md 8/4/2022

Para futuros cambios y subir los registros a github ejecutar:

git add .
git commit -m "nuevo commit"
git push

Clonar repositorio
Para descargar un repositorio completo basta con tomar la url ej:
https://github.com/bluuweb/tutorial-github.git y ejecutar el siguiente comando en alguna carpeta
de su computadora.

git clone https://github.com/bluuweb/tutorial-github.git nombreCarpeta

Github pages

icono visual studio code git

Ignorando Archivos
Para no hacer seguimiento de carpetas o archivos, debemos crear el siguiente archivo:

.gitignore
Su estructura de ejemplo sería así:

arhivo.js // Ignora el archivo en cuestion

*.js // Ignora todos los arhivos con extensión .js
node_modules/ //Ignora toda la carpeta

Ramas o branch
Hasta el momento solo hemos trabajado en la rama "master" o "main" pero puede que necesitemos crear
diferentes ramas para los seguimientos de git.

git merge
Fuente imagen

// Nos muestra en que rama estamos

git branch

// crea y nos mueve a la nueva rama

git switch -c nombreRama

8 / 10
README.md 8/4/2022

// mover entre ramas

git switch nombreRama

// Crea una nueva rama

git branch nombreRama

// Nos muestra en que rama estamos

git branch

// Nos movemos a la nueva rama

git checkout nombreRama

// Nos muestra visualmente las ramas

git log --oneline --all --graph

// Subir la nueva rama a github

git push --set-upstream origin nombreRama

master => main

git --version (debe ser 2.28 o superior)

git config --global init.defaultBranch main

git merge
Podemos unir una rama con la nueva, para eso tenemos que estar en la rama para ejecutar el siguiente
comando:

Tenemos que estar en la rama que está esperando los cambios (los nuevos cambios):

git merge nombreRama

git log --oneline --graph

9 / 10
README.md 8/4/2022

git merge

// Eliminar una rama

git branch -d nombreRama

Podemos utilizar git checkout -b nuevaRama para crear la nuevaRama y viajar a ella.

Conflictos
conflicto en ramas unidas

Puedes utilizar las herramientas de VSCode o bien hacer los cambios manualmente en el archivo. Lo
importante es hacer un nuevo commit al finalizar.

git add .
git commit -m "solucion de conflicto"

Push
Al ejecutar el comando git push estaremos subiendo todos los cambios locales al servidor remoto de
github, ten en cuenta que tienes que estar enlazado con tu repositorio, para eso puedes utilizar git remote
-v luego ejecuta:

git push

Pull
Cuando realizamos cambios directamente en github pero no de forma local, es esencial realizar un pull,
donde descargaremos los cambios realizados para seguir trabajando normalmente.
Es importante estar enlazados remotamente, puedes verificar con: git remote -v, luego ejecuta:

git pull

10 / 10