Crear y cambiar de rama
Para practicar con ramas, vamos a añadir algo de color a nuestra página Hello, World! con CSS.
Podemos tratar estos cambios como una funcionalidad nueva. Mientras desarrollas una funcionalidad, el código que la rodea puede volverse inestable. Puede haber errores y quizá la funcionalidad no se comporte como esperabas. Así que, hasta que esté lista, queremos mantenerla separada de la base de código principal. De esta forma podemos seguir trabajando en la base de código principal sin que le afecten los cambios de la nueva funcionalidad.
Primero vamos a crear una rama nueva llamada style y a cambiar a ella.
Cuando empiezas una rama nueva, Git hace que esa rama apunte al mismo commit que la rama actual. Eso significa que la rama nueva empieza con el mismo código que la rama actual. Por eso conviene fijarse en qué rama estás antes de crear una rama nueva.
En la mayoría de casos querrás empezar una rama desde la rama principal (main en nuestro caso). Vamos a comprobar si estamos en la rama main, por si acaso.
Usa el comando git branch para listar todas las ramas. El asterisco en la salida indica la rama en la que estás ahora.
Perfecto, creemos una rama nueva llamada style. Hay varias formas de crear ramas, pero la más cómoda es usar con la opción -c (abreviatura de --create). Así creas una rama nueva y cambias a ella directamente.
git switch -c styleUsa el comando git switch anterior para crear una rama nueva llamada style.
Genial, ahora estamos en la rama style. De momento es idéntica a la rama main. Vamos a crear un archivo nuevo llamado style.css y hacer que nuestra etiqueta h1 sea roja con CSS. Puedes hacerlo así:
h1 {
color: red;
}Crea un archivo nuevo llamado style.css y añade el CSS anterior. Después, añade el archivo al área de preparación y crea un commit con los cambios.
También deberíamos actualizar nuestro archivo hello.html para incluir el archivo style.css. Puedes hacerlo así:
<html>
<head>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>Actualiza hello.html como se muestra arriba. Después, prepara los cambios y crea un commit.
Genial, hemos añadido el estilo inicial de la página. Ahora vamos a volver a la rama main y comprobar si el archivo style.css sigue ahí.
git switch mainFíjate en que aquí no hay opción -c. Es porque no estamos creando una rama nueva, sino cambiando a una que ya existe.
Usa el comando git switch para volver a la rama main. Después, lista los archivos usando el comando ls.
Como ves, el archivo style.css no está ahí. Esto pasa porque style.css solo existe en la rama style. Ese es el poder de las ramas: te permiten trabajar en distintas funcionalidades sin afectar a la base de código principal.
Volvamos a la rama style y comprobemos si el archivo style.css sigue ahí.
git switch styleUsa el comando git switch para volver a la rama style. Después, lista los archivos usando el comando ls.
Ahora que ya hemos aprendido a crear ramas y cambiar entre ellas, veamos cómo llegan los cambios de las ramas de funcionalidad a la rama principal.
Haz el curso como estaba pensado: progreso en pequeñas dosis, un orden lineal y sin distracciones, y entradas de Gitopedia que se desbloquean poco a poco. Continúa con Git real en VS Code/Cursor/Antigravity/Windsurf cuando quieras.
pero requiere iniciar sesión