USAT
Guía de instalación: Visual Studio Code, Git y GitHub
Visual Studio Code - Instalación
Ernesto Nicho Córdova 1
USAT
Entorno de Visual Studio Code
Cambiando Idioma a español
Instalando Servidor virtual (Live Server)
Ernesto Nicho Córdova 2
USAT
Creado Carpeta para el área de trabajo
Desactivando área de trabajo reciente
Ernesto Nicho Córdova 3
USAT
Instalando GIT
• “IMPORTANTE” - Cerrar Visual Studio Code
Ernesto Nicho Córdova 4
USAT
Ernesto Nicho Córdova 5
USAT
Ernesto Nicho Córdova 6
USAT
Uso de Git con Visual Studio Code
• En su área de trabajo creado.
• Ir a “Control de código Fuente”.
Listo tenemos un repositorio local
• Puede chequear carpeta .git (esta oculta en la carpeta del proyecto creado)
• En los archivos de la carpeta aparece archivo con U (sin seguimiento)
Agregamos index.html a la carpeta de sesión 03 (u otra carpeta), verán que los archivos creados aparecen con la letra
U (Sin seguimiento)
Ernesto Nicho Córdova 7
USAT
Realizar control de cambios o seguimiento a los archivos
• En control de código fuente .
IMPORTANTE Configuración de usuario y email para Git (la primera vez, luego ya no es necesario)
• Activar consola: CTRL + ñ (consola o terminal)
• Configurar usuario: git config --global user.name “tu_user” (colocar un nombre de usuario)
• Configurar correo: git config --global user.email “xyz@correo.com” (Colocar su cuenta de correo)
Ernesto Nicho Córdova 8
USAT
• Revisar su configuración: git config –list o tambien git config user.name (revisar si crearon
correctamente)
• Vamos a confirmar todo para el commit. (Dar un nombre para el commit, por ejem “Respaldo 01”)
• Los archivos añadidos (los que tenían la letra A), desaparecen del área de control de código fuente ). (Sien
embargo puede verlos en el explorador de archivos )
Ernesto Nicho Córdova 9
USAT
Utilizar repositorio remoto en GitHub
• Crear repositorio en GitHub
(https://github.com/)
• Ingresar (o crear cuenta como estudiante y en el
modo gratuito si no lo tiene)
• Una vez ingresado crear un nuevo repositorio
• Buscar la siguiente línea y copiar
• IMPORTANTE Cerrar sesión en GitHub antes de empezar este paso (no olvide copiar el texto del paso
anterior)
• En visual Studio Code, abrir una ventana terminal (CTRL Ñ)
• Pegar el texto seleccionado (enter)
Conectar su repositorio local con el repositorio remoto
• Ir a almacenar todos los cambios (Control de código fuente\Cambios)
• Luego a Confirmar todo (Control de código fuente\commit)
• Ingresar el nombre al cambio (Control de código fuente\commit)
• Hasta acá para el repositorio local
• Ahora enviaremos al repositorio remoto
Ernesto Nicho Córdova 10
USAT
• La primera vez pedirá nuestras credenciales
Ernesto Nicho Córdova 11
USAT
• En algunas situaciones puede salir una ventana tratando de conectar con una página en localhost (parece
un error). La mejor manera de verificar si se conectó correctamente es verificar su repositorio en GitHub.
Revisar su repositorio en GitHub
• Los archivos creados en su carpeta de trabajo, deben estar en su repositorio virtual (GitHub)
Para Finalizar
Copiar enlace de su repositorio GitHub
Enviar enlace a través de la actividad [Formulario] - Enlace GitHub en el aula virtual de su curso (en el momento
que el docente habilite la actividad.
Ernesto Nicho Córdova 12
