← Volver a tutoriales

Tutoriales · Principiante

GitHub para principiantes: el centro de todo lo que construyes con IA

Qué es GitHub, por qué es el centro de tus proyectos y cómo empezar: crea tu cuenta, instala Git, conéctalo a VS Code y guarda tu primer proyecto con commits y push.

  • GitHub
  • Git
  • VS Code

GitHub es el centro de todo lo que construyes: conecta tu editor (VS Code), tu asistente de IA (Claude Code) y tu publicación en línea (Vercel). Tu código vive ahí, guarda cada versión y, cada vez que subes un cambio, tu sitio se actualiza solo.

En esta guía vas a crear tu cuenta, instalar Git, conectarlo a VS Code y guardar tu primer proyecto. Elige tu sistema (Windows o Mac) con los botones de arriba y toca cada paso para abrirlo.

Git vs GitHub (en 10 segundos)
  • Git es la herramienta en tu computadora que guarda versiones de tu código.
  • GitHub es la página web donde subes y compartes esos proyectos (y desde donde se publican).

Piensa: Git es la cámara 📸 y GitHub es el álbum en la nube.

1 Crear tu cuenta de GitHub
  1. Entra a https://github.com
  2. Aprieta “Sign up” (Registrarte).
  3. Pon tu correo, una contraseña y un nombre de usuario (será parte de tus enlaces, ej. github.com/tu-usuario).
  4. Confirma tu correo. ¡Listo, ya tienes cuenta!

El plan gratis incluye repositorios ilimitados (públicos y privados). No necesitas pagar para esta guía.

2 Instalar Git

Git es lo que crea las “versiones” de tu código en tu computadora.

  1. Entra a https://git-scm.com/download/win y descarga el instalador.
  2. Ábrelo y dale “Siguiente” con las opciones por defecto hasta “Finalizar”.

(Atajo si tienes winget: winget install --id Git.Git -e)

  1. Abre la Terminal y ejecuta xcode-select --install. Acepta la ventana que aparece, eso instala Git.

(O con Homebrew: brew install git)

Para comprobar que funcionó: abre PowerShellla Terminal y escribe:

git --version

Si ves un número como git version 2.45.0, ¡listo!

3 Conectar VS Code con GitHub
  1. Abre VS Code.
  2. Abre el panel de Control de código fuente (el ícono de ramas en la barra izquierda) o usa Ctrl + Shift + GCmd + Shift + G.
  3. Abajo a la izquierda, haz clic en el ícono de cuenta y elige “Sign in with GitHub” (Iniciar sesión con GitHub). Se abrirá tu navegador.
  4. Autoriza y vuelve a VS Code. Ya está conectado.

Si haces el siguiente paso (publicar un repo), VS Code también te pedirá iniciar sesión ahí mismo.

4 Crear tu primer repositorio

Un repositorio (o “repo”) es la carpeta de tu proyecto en GitHub. La forma más fácil es desde VS Code:

  1. Abre la carpeta de tu proyecto con Archivo → Abrir carpeta.
  2. Ve a Control de código fuente y haz clic en “Publish to GitHub” (Publicar en GitHub).
  3. Elige público (cualquiera lo ve) o privado (solo tú).
  4. VS Code crea el repo en tu cuenta y sube tu proyecto.

¿Prefieres la web? En github.com aprieta “New” → ponle nombre → “Create repository”, y luego conéctalo desde VS Code.

5 Guardar tus cambios: commit y push

Cada vez que cambias algo, guardas una “versión” y la subes:

  1. En Control de código fuente, escribe un mensaje corto (ej. “Agrego la página de inicio”).
  2. Aprieta ✓ Commit (guarda la versión en tu computadora).
  3. Aprieta “Sync Changes / Push” para subirla a GitHub.

Commit = guardar una foto de tu proyecto con un mensaje. Push = subir esa foto a GitHub.

Bonus: deja que Claude Code (y Vercel) hagan el trabajo
  • Con Claude Code (ver tutorial) solo le dices: “haz commit y push con un mensaje claro” y lo hace por ti.
  • Conecta tu repo a Vercel y cada push publica tu sitio automáticamente. Ese es exactamente el flujo con el que se construyó este sitio: escribes → Claude sube a GitHub → Vercel lo publica.
Si algo sale mal
ProblemaSolución
Dice que git no se reconoceVuelve al Paso 2 e instala Git; cierra y abre VS Code
No veo “Publish to GitHub”Inicia sesión con GitHub primero (Paso 3)
Subí algo privado por errorEn GitHub → Settings del repo → cámbialo a privado
Me pide usuario/contraseña al subirInicia sesión con GitHub en VS Code (Paso 3)