CodeGym /Cursos Java /Frontend SELF ES /Trabajando con GitHub desde IntelliJ IDEA

Trabajando con GitHub desde IntelliJ IDEA

Frontend SELF ES
Nivel 20 , Lección 2
Disponible

10.1 Clonando un repositorio

¿Recuerdas que te hablé sobre los 3 lugares donde se almacenan los archivos? Repositorio remoto, repositorio local y directorio de trabajo.

Bueno, ahora necesitas clonar tu repositorio remoto (el que creaste en GitHub) a tu repositorio local (el repositorio en tu computadora).

Así que abre IntelliJ IDEA y comencemos…

Paso 1. Si aún no has creado proyectos, selecciona el botón:

IntelliJ IDEA

Si ya has creado, entonces:

IntelliJ IDEA

Paso 2. Indica la URL de tu repositorio remoto que deseas clonar en tu computadora.

Este método es útil si estás clonando el repositorio de alguien más.

IntelliJ IDEA

Si estás clonando el tuyo, será más fácil iniciar sesión en GitHub a través de IntelliJ IDEA:

IntelliJ IDEA

Paso 3. No confíes en nadie. Ni siquiera en ti mismo.

IntelliJ IDEA avisa que no debes ejecutar código de repositorios desconocidos. Dado que es tu propio repositorio, marcamos la casilla de confiar. IntelliJ IDEA

Paso 4. El antivirus estándar en Windows advierte que aparecieron algunos archivos desconocidos. El antivirus no suele gustarle las aplicaciones desconocidas.

¡PERO! Vamos a crear esas aplicaciones, así que pedimos a la IDE que le diga al antivirus que no bloquee tus futuras aplicaciones. Haz clic en el botón «Automatically», y luego — «YES».

IntelliJ IDEA

10. 2 Primer commit

Si has clonado un repositorio recién creado, solo contendrá un archivo — README.md

Paso 1. Abre el archivo README.md

¡Importante!

La extensión md significa Markdown — es un formato primitivo para estilizar archivos de texto. Puedes ver cómo funciona, haciendo clic en el botón en la esquina superior derecha.

IntelliJ IDEA

Cambia este archivo como desees: puedes escribir cualquier mensaje de bienvenida o una descripción del repositorio.

Paso 2. Después de que hayas realizado cambios en el archivo, IntelliJ IDEA lo mostrará en azul en el árbol de archivos a la izquierda. Los archivos modificados se muestran en azul, si los cambios en tu directorio de trabajo aún no se han incluido en el repositorio local.

IntelliJ IDEA

Paso 3. Commit

Tras realizar todos los cambios planificados en el archivo o archivos (y asegurarte de que son correctos), necesitamos subirlos a tu repositorio git local. Por ahora, solo están en tu carpeta de trabajo.

Para esto, necesitas hacer clic en el botón Commit y marcar todos los archivos cuyos cambios deseas incluir en el repositorio local:

IntelliJ IDEA

Paso 4. Abajo a la izquierda, añade un comentario describiendo tus cambios:

IntelliJ IDEA

Paso 5. Y presiona el botón «Commit».

Paso 6. Verificación

Cambia a tu proyecto y revisa: si los archivos dejaron de resaltarse en azul, significa que todos los cambios en tu directorio de trabajo se han incluido con éxito en tu repositorio local.

IntelliJ IDEA

10.3 Trabajar con archivos

Paso 1. Creemos algunos archivos en IntelliJ IDEA.

IntelliJ IDEA

Estamos escribiendo código HTML – dejemos que sean archivos:

  • main.html
  • index.html

Paso 2. Añadimos el archivo al repositorio local.

Tan pronto como IntelliJ IDEA vea que has creado un archivo, te sugerirá inmediatamente añadirlo a tu repositorio local. IntelliJ IDEA solo rastrea los cambios en aquellos archivos en tu directorio de trabajo que ya están en tu repositorio local — solo ellos serán marcados en azul.

Si el archivo está en tu directorio de trabajo, pero no en el repositorio local, se marca en rojo — como se ve en la imagen a continuación:

IntelliJ IDEA

En principio, siempre puedes hacer clic en Add, pero esta vez hagamos clic en «Cancel» y luego añadamos el archivo manualmente para que sepas cómo hacerlo.

Paso 3. Escribimos en el archivo tu código favorito.

Yo, por ejemplo, escribí: <h1>FIRST COMMIT</h1>

Paso 4. Ahora añadamos nuestro archivo main.html al repositorio local.

Simplemente haz clic en cualquier parte del archivo con el botón derecho del ratón y selecciona Git-> Add File

IntelliJ IDEA

Si todo salió bien, el archivo añadido brillará en verde:

IntelliJ IDEA

Paso 5

. Luego hacemos commit siguiendo el esquema de antes:

IntelliJ IDEA

10.4 Primer push

Ahora necesitamos subir nuestros cambios en el repositorio local al repositorio remoto en GitHub. Cuando varios programadores trabajan en un proyecto, sincronizan sus cambios de código de esta manera.

Paso 1. Haz clic en el botón Push.

En realidad es muy fácil: solo necesitas utilizar el botón Push en el menú superior de tu IDE:

Haz clic en el botón Push

Paso 2. Confirma los commits realizados.

En este paso puedes revisar todos los cambios realizados y asegurarte que no has roto algo importante por accidente. O que no has olvidado añadir un archivo del que dependen otros archivos.

Confirma los commits realizados

Paso 3. Verifica.

Si todo fue exitoso, verás un mensaje como este:

Si todo fue exitoso, verás un mensaje como este

Paso 4. Ahora abre tu repositorio de GitHub y verifica:

IntelliJ IDEA

¡La magia de la tecnología!

10. 5 Uso de archivos .gitignore

Si has añadido archivos de servicio a tu proyecto y no quieres que se suban a GitHub por accidente, puedes añadirlos a las excepciones. Para esto está el archivo llamado «.gitignore». Es muy fácil y cómodo.

Uso de archivos .gitignore
Comentarios
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION