Curso de git y github desde cero

¿Cómo añadir varios archivos al área de staging?

Capítulo 5: Añadir múltiples archivos al área de staging de una sola vez

En este capítulo vas a ver como puedes añadir múltiples archivos al área de staging de una sola vez, sin necesidad de estar enviando archivo por archivo.

Crear varios archivos para añadir al repositorio Git

Empecemos creando varios archivos para que puedas ver como añadir todo de una sola vez.
En el capítulo anterior, viste como añadir los archivos de uno en uno con git add nombre_archivo.

Seguimos con el archivo index.html del capítulo anterior, le añado el enlace a la hoja .css y la hoja .js Añade estos a tu repositorio.

También debes crear las carpetas js y css para poner dentro los archivos correspondientes.

Página html - index.html

Te dejo resaltadas las líneas que han cambiado desde el capítulo anterior. En las líneas 8 y 9 los enlaces a las hojas que te dejo abajo. También he puesto el <body>, ya que no estaba en el capítulo anterior.

<!doctype html>
<html lang="es">
<head>
	<meta charset="utf-8">
	<title>Página principal del proyecto</title>
	<meta name="description" content="Página principal para el proyecto de Git">
	<meta name="author" content="Programación Fácil">
	<script src="js/test.js"></script>
	<link href="css/test.css" rel="stylesheet" />
</head>

<body>
</body>
<html>

Hoja CSS - test.css

@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');

body{
	text-align: center;
	margin-top: 0.7em;
	background: linear-gradient(to right, rgb(235, 140, 29), rgb(184, 134, 101));
	font-size: 3em;
	font-family: 'Abril Fatface', cursive;
}

Hoja JavaScript - test.js

document.write('Curso de Git y GitHub');

Deberá quedarte algo así:

Carpeta de proyecto con Atom

Fíjate que el archivo .html está en la raíz, no dentro de la carpeta folder_open js.

Veamos el estado del repositorio con estos cambios realizados en él.

Archivos Git modificados

Este git status nos devuelve primero el archivo .html como modificado, ya que ya está incluido en el repositorio, ya se hizo el commit en el capítulo anterior y en este lo hemos modificado.

En el caso de los archivos .js y .css, no aparecen. En su lugar, nos aparecen las carpetas como "untracked". Esto es porque hay que enviar las carpetas al área de staging. Al hacerlo, se enviarán todos los archivos que contengan.

Añadir a staging múltiples archivos de una sola vez

Con lo que ya sabes del capítulo anterior, puedes ir añadiendo los elementos uno por uno con git add. No obstante, si lo que quieres es añadirlo todo lo que tengas fuera del área de staging, deberás hacerlo con la opción -A o --all.

git add --all

Probemos de nuevo con un git status para ver si ha tenido el efecto esperado.

Git add all

¡Perfecto! Funciona correctamente. Ahora, si ya has terminado de editar, puedes hacer el commit tal y como te enseñé en el capítulo anterior.

Git commit

Comentarios

Si te quedan dudas sobre el temario, sobre html, o cualquier otra cosa relacionada o simplemente quieres agradecer, aquí tienes tu sitio para dejar tu granito de arena. Gracias por tus comentarios y por darle vida a este sitio web.

Programación Fácil YouTube

Suscríbete

Si te ha gustado este curso y crees que el trabajo merece la pena, te agradeceré eternamente que te suscribas a mi canal de YouTube para apoyarme y que pueda seguir haciendo cursos gratuitos.

Además, si te encanta la programación, tienes un montón más de cursos gratuitos para ver.

No solo eso, podrás participar enviándome comentarios con tus sugerencias para temas específicos o cursos completos o incluso las dudas que tengas y las intentaré ir resolviendo en los cursos que estén todavía abiertos.