Guía de Inicio Rápido para GitHub Copilot y Primer Proyecto

1. Set up local environment para iniciar con GitHub Copilot

1. Abrimos VS Code e Instalamos las extensiones necesarias :

• GitHub Copilot

• GitHub Copilot Chat

• Live Server

• Open in Default browser

• 

• 

• 

• 

2. Nos logueamos con nuestra cuenta de GitHub (puede abrirse otra ventana externa en la web para el login a GitHub):

   

3. Una vez nos logueamos con nuestra cuenta de GitHub saldrá así :

   

4. Y podremos verlo en diferentes zonas del Visual Studio Code . Le damos a Open Chat :

   

5. Abrirá el Chat Y Listo !! Tenemos nuestro Environment ya seteado para reliazar nuestros proyectos !! :)

   

---

2. Agent Mode y Modelos integrados

Ahora podemos probar diferentes modelos integrados , y estos pueden traer diferentes resultados cada vez que los usamos, es decir, el resultado que brinde Claude no será el mismo que brinde Gemini , ni tampoco si volvemos a pedir una segunda vez así sea con el mismo modelo, no serán los mismos resultados.

Otra opción que vemos es Manage Models para poder editar y agregar más modelos dentro de la plataforma con su API KEY , buenisimo !!

3. Creamos un mini-proyecto usando GitHub Copilot Chat

Primero con el modo ASK

Seleccionamos el parent Folder, y luego abrimos

Vamos al HTML file generado y le damos a Open Default Browser :

Y saldra así:

Añadimos bootstrap y el navbar dark style

Y renderizamos :

Continuamos en Parte 2 🤩

* * *

Muchas gracias por leerme ! Espero seguir compartiéndote más insights y de lo que voy aprendiendo en mi proceso.. Todos somos procesos!
Siempre tenlo presente.

Un gran abrazo,
✨ Maribel Maza 🤩
🦕🧡