Saltar al contenido principal

Guardar cambios y subirlos a GitHub

Guardar cambios en el proyecto​

Para guardar los cambios realizados en el proyecto, es necesario hacer clic en File > Save. También puedes usar el atajo de teclado Ctrl + S.

Guardar archivos

Subir cambios a GitHub​

Para subir cambios a GitHub hay varias formas, una más sencilla para el usuario medio es usar la extensión de GitHub para Visual Studio Code. También puedes usar la terminal de Visual Studio Code o la terminal de tu sistema operativo.

Usando la extensión de GitHub para Visual Studio Code​

Si miramos la siguiente figura, podemos ver que he remarcado el icono de la extensión de GitHub para Visual Studio Code en un recuadro rojo. Si no lo tienes instalado, puedes hacerlo desde este enlace. Subir desde Visual Studio

El proceso es muy sencillo:

  • El recuadro azul es el mensaje que se añadirá al commit. Es obligatorio escribir un mensaje.
  • El recuadro amarillo es los distintos cambios que se han realizado en el proyecto. Puedes seleccionar los que quieras subir. Por defecto, se seleccionan todos. Una vez tenemos lo anterior listo, pulsaremos el botón de Commit (recuadro verde). Nos aparecerá una ventana como la siguiente.

Aviso Git Commit

Pulsaremos en Yes. Con esto tenemos ya el contenido en el repositorio local. Para subirlo al repositorio remoto, pulsaremos en el botón de Sync. En el botón nos aparecerá un número que indica cuántos cambios tenemos pendientes de subir.

alt text

Nos aparecerá un aviso de que vamos a realizar un push al repositorio remoto. Pulsaremos en OK.

alt text

Nos aparecerá un pop-up para iniciar sesión en GitHub. Introduciremos nuestras credenciales. En caso de que hayas configurado SSH, te aparecerá una ventana como la siguiente.

alt text

Introduciremos las credenciales y con esto ya tendríamos los cambios subidos al repositorio remoto.

Usando una terminal​

Si prefieres usar la terminal, puedes hacerlo. Para ello, tendrás que abrir una terminal de Visual Studio Code (Ctrl+Shift+Ñ) o la terminal de tu sistema operativo. La terminal que habrás deberá estar situada en la raíz del proyecto. Si no lo está, puedes navegar hasta la raíz con el comando cd ruta-del-proyecto.

Una vez en la raíz del proyecto, ejecutaremos los siguientes comandos:

  1. git add .: Este comando añadirá todos los cambios al stage.
  2. git commit -m "Mensaje del commit": Este comando realizará el commit con el mensaje que le indiquemos.
  3. git push: Este comando subirá los cambios al repositorio remoto. Si no especificamos la rama, por defecto subirá a la rama main. a. Si estamos trabajando en una rama diferente, podemos subir los cambios a esa rama con el comando git push origin nombre-de-la-rama.

Se ejecutará de la siguiente forma:

> git add .
> git commit -m "Mensaje del commit"
[main 92f0ae7] Mensaje del commit
 4 files changed, 16 insertions(+), 4 deletions(-)
 create mode 100644 docs/documentacion-web/img/save-and-push/enter-key.png
 create mode 100644 docs/documentacion-web/img/save-and-push/push-warn.png
> git push
Enter passphrase for key '/route/of/ssh/.ssh/id_rsa':
Enumerating objects: 17, done.
Counting objects: 100% (17/17), done.
Delta compression using up to 12 threads
Compressing objects: 100% (10/10), done.
Writing objects: 100% (10/10), 16.23 KiB | 2.71 MiB/s, done.
Total 10 (delta 5), reused 0 (delta 0), pack-reused 0 (from 0)
remote: Resolving deltas: 100% (5/5), completed with 5 local objects.
To github.com:acgtic211/acgtic211.github.io.git
   7f8f9d3..92f0ae7  main -> main

Subiendo cambios desde terminal