Saltearse al contenido
Astro Astro

Almacena tu repositorio en línea

Prepárate para...

  • Poner en línea tu repositorio de proyectos

Este tutorial utilizará GitHub para almacenar nuestro repositorio y conectarse a un host web. Te invitamos a utilizar el proveedor de git en línea de tu elección.

Crea un repositorio en GitHub

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

  1. Accede a GitHub.com en un navegador y haz clic en el + de la parte superior derecha de la pantalla para crear un nuevo repositorio.

  2. Elige un nombre para tu repositorio. No tiene por qué ser el mismo nombre que la carpeta del proyecto.

  3. Se te presentarán opciones, pero no necesitas cambiar ninguna de las predeterminadas. Desplázate hacia abajo y pulsa el botón Create Repository.

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

Compila tu código local en GitHub

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

  1. Haz clic en la pestaña Control de código fuente en tu VS Code para ver una lista de los archivos que han cambiado. Si aparece un mensaje indicando que necesita instalar git, sigue las instrucciones que se proporcionan y, a continuación, vuelve a cargar VS Code.

  2. Haz clic en el menú ••• “3 puntos” situado encima del mensaje de confirmación y selecciona Remote > Add Remote.

  3. Selecciona Add remote from GitHub. Si es necesario, sigue los pasos de autenticación y, a continuación, 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 directamente tu URL de GitHub. Puede que también se te pida que le des un nombre local a este repositorio. Puedes seleccionar el nombre que quieras.

  5. En la parte superior del panel de menú, habrá un lugar para introducir un mensaje de confirmación (descripción de los cambios de tu archivo). Escribe initial commit y pulsa el botón Commit para confirmar los cambios.

  6. Puede que aparezca un mensaje diciéndote que no tienes “staged” commits, y preguntándote si quieres escanearlos. Haz clic en Always y continua.

  7. Por último, la lista de archivos modificados debería sustituirse por un botón Publish. Haz click en él para enviar los cambios confirmados a GitHub.

Visualiza tu proyecto en GitHub

Para verificar que tu proyecto está almacenado correctamente en GitHub, visita GitHub.com y busca en tu cuenta una lista de tus repositorios. Elige el nuevo que has creado y comprueba que contiene los archivos de tu proyecto de Astro.

Checklist

Recursos