Almacena tu repositorio online

Prepárate para…

• Pon el repositorio de tu proyecto online

Este tutorial usará GitHub para almacenar nuestro repositorio y conectarse a un host web. Eres libre de usar el proveedor de git online de tu elección.

Nota

Si ya estás familiarizado con git y tienes tu propio flujo de trabajo, entonces crea un nuevo repositorio de GitHub para tu proyecto usando tu método preferido. Salta a la siguiente página: "Despliega tu sitio a la web".

Crea un repositorio en GitHub

Aunque hay algunas formas de almacenar tu código local en GitHub, este tutorial te guiará a través de un método que no requiere usar git en la línea de comandos.

1. Inicia sesión en GitHub.com en un navegador y haz clic en el + en la parte superior derecha de la pantalla para crear un nuevo repositorio.

2. Elige un nombre para tu repositorio. Este no tiene que ser el mismo nombre que tu carpeta de proyecto.

3. Se te presentarán opciones, pero no necesitas cambiar ninguno de los valores por defecto. Desplázate hacia abajo y haz clic en el botón Create Repository.

4. Se te presentarán varios pasos de configuración siguientes, pero no necesitarás usar ninguno de ellos. Toma nota de la URL de tu repositorio. Ahora puedes salir de esta página sin hacer nada.

Sube tu código local a GitHub

En la última sección, hiciste un cambio al contenido de tu página. Esto significa que los archivos de tu proyecto han cambiado, y VS Code debería mostrar un número sobre el ícono del menú "Source". Esta pestaña de source es donde irás regularmente para actualizar tus archivos en GitHub.

1. Haz clic en la pestaña Source Control de tu VS Code para ver una lista de archivos que han cambiado. Si ves un mensaje de que necesitas instalar git, sigue las instrucciones proporcionadas, luego recarga VS Code.

2. Haz clic en el menú ••• "3 puntos" sobre el mensaje de commit y elige Remote > Add Remote.

3. Selecciona Add remote from GitHub. Si es necesario, sigue cualquier paso de autenticación y luego vuelve a VS Code y repite esta acción.

4. Deberías ver una lista de todos tus repositorios en GitHub. Elige el que creaste para este proyecto. Si no ves tu proyecto, pega su URL de GitHub directamente. También se te puede pedir que le des un nombre local a este repositorio. Puedes seleccionar cualquier nombre que quieras.

5. En la parte superior del panel de menú, habrá un lugar para ingresar un mensaje de commit (descripción de tus cambios de archivos). Escribe initial commit y presiona el botón Commit para hacer commit de estos cambios.

6. Puede que veas un mensaje diciendo que no tienes commits "staged", y preguntándote si quieres hacerles stage. Haz clic en Always y continúa.

7. Por último, la lista de archivos cambiados debería ser reemplazada por un botón Publish. Haz clic en esto para enviar tus cambios con commit a GitHub.

Ve tu proyecto en GitHub

Para verificar que tu proyecto está almacenado exitosamente en GitHub, visita GitHub.com y busca bajo tu cuenta una lista de tus repositorios. Elige el nuevo que creaste, y verifica que contenga los archivos de tu proyecto de Astro.

Checklist

• He almacenado mi proyecto en GitHub.

Recursos

• Usar Git Source control en VS Code externo