Skip to content

Latest commit

 

History

History

SingleProject

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 

Edición local de repositorios GitHub con VS Code

Keywords: VS-Code Markdown GitHub-Repositories GitHub-Pull-Requests-and-Issues

Luego de realizada la instalación y configuración, podrás gestionar localmente repositorios de GitHub, revisar los controles de cambios realizados sobre los archivos de los proyectos, comentar y publicar las actualizaciones en la nube.


R.TeachingResearchGuide

Objetivos

  • Abrir repositorios remotos.
  • Modificar archivos, revisar el control de cambios, comentar y publicar cambios en la nube.

Requerimientos

Procedimiento general

  1. En VS Code, de clic en el ícono Open a Remote Window localizado en la esquina inferior izquierda de la ventana, luego en la parte superior, seleccione la opción Open Remote Repository y en las opciones emergentes seleccione Open Repository from GitHub

R.TeachingResearchGuide

La extensión instalada previamente requiere de la autorización del usuario para realizar la conexión, de clic en el botón Allow

R.TeachingResearchGuide

En la ventana del navegador de Internet, de clic en el botón Authorize Visual-Studio-Code.

R.TeachingResearchGuide

Luego, de clic en el botón Use GitHub Mobile para realizar la autorización desde su teléfono móvil a través de la App de GitHub.

R.TeachingResearchGuide

Ingrese el código de verificación en su teléfono

R.TeachingResearchGuide

Una vez realice la verificación retornará automáticamente a VS Code y podrá visualizar los repositorios disponibles de su usuario.

R.TeachingResearchGuide

Para el ejemplo, he accedido a los repositorios de mi cuenta de usuario rcfdtools de GitHub, en caso de que requiera acceder a una cuenta diferente, en la ventana principal de VS Code, de clic en el botón de usuarios localizado a la izquierda y de clic en Sign Out

R.TeachingResearchGuide

Luego, de clic en el botón de usuario y seleccione la opción Sign in to Sync Settings.

R.TeachingResearchGuide

En la parte superior, de clic en la opción Sign in with Github

R.TeachingResearchGuide

En la ventana de autorización para el usuario rcfdtoolstest de clic en Authorize Visual-Studio-Code

R.TeachingResearchGuide R.TeachingResearchGuide

En caso de que sea redirigido a su cuenta principal en el navegador de Internet, establezca por defecto otro navegador, ingrese a GitHub con su cuenta de prueba y luego vuelva a realizar la autorización de ingreso desde VS Code cancelando la verificación de acceso y seleccionando la opción de verificación de forma alternativa desde el enlace https://github.com/login/device.

R.TeachingResearchGuide R.TeachingResearchGuide

Verifique el acceso a su cuenta

R.TeachingResearchGuide

Nuevamente, de clic en el ícono Open a Remote Window localizado en la esquina inferior izquierda de la ventana, luego en la parte superior, seleccione la opción Open Remote Repository y en las opciones emergentes seleccione Open Repository from GitHub. Seleccione el repositorio rcfdtoolstest

R.TeachingResearchGuide

De clic en el botón Trust Folder & Continue, podrá observar que ahora se visualizan en el explorador de proyecto, todos los archivos y directorios del repositorio.

R.TeachingResearchGuide

  1. Abra el archivo principal README.md, verifique su contenido.

R.TeachingResearchGuide

Verifique el contenido publicado del archivo desde Internet a través de la dirección https://github.com/rcfdtoolstest/repotest

R.TeachingResearchGuide

  1. Ingrese al final del texto existente "Modificado localmente desde VS Code." y oprima Ctrl+S para guardar los cambios.

R.TeachingResearchGuide

  1. En la parte inferior izquierda de la ventana de VS Code, podrá observar que se encuentra trabajando en un proyecto GitHub y que se encuentra en la rama principal o main. De clic en el botón Sync (Pull & Push) cuyo ícono tiene la apariencia de dos flechas semicirculares. Automáticamente, podrá observar que en las opciones de control de archivos fuente, aparece el archivo README.md con las modificaciones realizadas.

R.TeachingResearchGuide

  1. En la parte superior del panel Source Control, ingrese los comentarios de actualización y luego oprima las teclas Ctrl+Enter para realizar la publicación comentada de cambios en GitHub.

R.TeachingResearchGuide

Verifique el contenido actualizado del archivo desde Internet a través de la dirección https://github.com/rcfdtoolstest/repotest

R.TeachingResearchGuide

De esta forma podrá modificar, comentar y actualizar cualquier archivo de sus repositorios.

Actividades complementarias:pencil2:

En la siguiente tabla se listan las actividades complementarias a ser desarrolladas por el estudiante.

# Alcance
1 Realice la conexión remota a uno o varios repositorios.
2 Edite archivos Markdown, revise los controles de cambios, comente y publique las actualizaciones realizadas.

Preguntas y respuestas Q&A

Pregunta Respuesta
¿Se pueden gestionar simultáneamente múltiples cuentas GitHub de usuario? No, VS Code solo permite la gestión de todos los repositorios asociados a una única cuenta, sin embargo, podrá cerrar la sesión de la cuenta de usuario, cerrar el editor y las carpetas de proyecto vinculadas e ingresar desde otra cuenta para realizar cambios en otros repositorios.

Ayúdame desde este hilo de discusión a crear y/o responder preguntas que otros usuarios necesiten conocer o experiencias relacionadas con esta actividad.

Referencias

Control de versiones

Versión Descripción Autor Horas
2022.09.14 Versión inicial. Procedimiento general. rcfdtools 3

R.TeachingResearchGuide es de uso libre para fines académicos, conoce nuestra licencia, cláusulas, condiciones de uso y como referenciar los contenidos publicados en este repositorio, dando clic aquí.

¡Encontraste útil este repositorio!, apoya su difusión marcando este repositorio con una ⭐ o síguenos dando clic en el botón Follow de rcfdtools en GitHub.

Anterior 🏠 Inicio 🔰 Ayuda / Colabora Siguiente