Table of Contents

En este video te explicaré Como SUBIR un PROYECTO a GITHUB desde Visual Studio Code. Adicionalmente, te explico cómo sincronizar repositorios, y por último a publicar una página web a modo de ejemplo.

Como SUBIR un Proyecto a GITHUB desde Visual Studio Code

Requisitos para Subir un PROYECTO a GITHUB desde Visual Studio Code

Visual Studio Code

Visual Studio Code
Visual Studio Code

Visual Studio Code se ha convertido en el editor de código preferido por la mayoría de los desarrolladores de todo el mundo. Su popularidad aumenta cada minuto que pasa. Gracias a su atractivo conjunto de características como Intellisense que lo han hecho indispensable para los desarrolladores.

Al igual que VS Code, GitHub también es imprescindible para la comunidad de desarrolladores. Por lo tanto, es muy importante saber cómo instalar GitHub en Visual Studio Code. Para los no iniciados, GitHub es un servicio de alojamiento web basado en el sistema de control de versiones de Git.

Antes de la instalación, es fundamental comprobar si Git está instalado en Windows. 

Git

Git
Git

Para verificar, abra el símbolo del sistema de Windows presionando la tecla Windows y R.

Dentro del símbolo del sistema, escriba git –version para conocer la versión de Git instalada. Si Git no está instalado, el símbolo del sistema devolverá un mensaje como se muestra en la imagen a continuación.

Ahora abra Visual Studio Code y vaya a Source Control de su barra de actividad. En un sistema donde Git está ausente, se mostrará el mensaje ‘No hay proveedores de control de fuente registrados’.

Como INSTALAR Git en Windows

  • Ejecute el archivo .exe descargado del sitio web de Git y siga los pasos de la instalación
  • Una vez que Git se encuentre instalado, abra Git Bash para verificarlo.

Como Configurar Git en Windows

Para configurar Git en Windows y así utilizar GitHub seguimos los siguientes pasos:

  • Abra la Terminal Git Bash y ejecute los siguientes comandos, colocando los datos de su cuenta de GitHub:
git config - global user.name "escriba su nombre aquí"
git config - global user.email “[email protected]

Para ver si lo hizo bien, puede escribir:

git config - global user.name
git config - global user.email

Recuerde que puede leer la documentación adicional y ver como funcionan los comandos de Git

Como SUBIR un PROYECTO a GITHUB desde Visual Studio Code

1.      Crea una carpeta para tu Proyecto.

Crea una carpeta para tu proyecto.
Crea una carpeta para tu proyecto.

2.      Abra su Proyecto (Carpeta) en Visual Studio Code

  • Haga clic en archivo → Haga clic en abrir carpeta → Resalte su carpeta → Haga clic en Seleccionar carpeta

Puede simplemente arrastrar su carpeta y soltarla dentro de VSC.

En este punto, debería verse así:

 Abra su Proyecto (Carpeta) en Visual Studio Code
Abra su Proyecto (Carpeta) en Visual Studio Code

3.      Crea un Nuevo Archivo

  • Haga clic en archivo → Haga clic en archivo nuevo → Haga clic en archivo nuevamente → Haga clic en guardar → Nombre su archivo index.html
Crea un Nuevo Archivo
Crea un Nuevo Archivo

4.      Configure el archivo index.html

  • En el archivo index.html haga clic en el archivo en blanco, Escriba doc y luego presione Tab.
  • Esto creará automáticamente una plantilla HTML simple para su archivo principal, una de las muchas funciones integradas que hacen que VSC sea increíble.
  • Otra manera es escribir un signo de exclamación “!” y presionar Enter
Configure el archivo index.html
Configure el archivo index.html