06/07/2022
Cómo utilizar GitHub Copilot en tu Visual Studio Code
Una de las herramientas más novedosas a la hora de programar es GitHub Copilot, un asistente con inteligencia artificial desarrollado por Microsoft que hace que escribir código sea pan comido. Aquí te enseño a usarlo integrado en tu VS Code.
Qué es GitHub Copilot
Antes de nada pongamos un poco de contexto. GitHub Copilot es una herramienta desarrollada por Microsoft (propietaria de GitHub) en base a un sistema de inteligencia artificial llamado GPT-3. GPT-3 tiene capacidades asombrosas, hasta el punto de que se pueden mantener conversaciones con sistemas que parecen personas reales.
Entre las muchas cosas que puede hacer GPT-3, se encuentra la posibilidad de escribir código de programación en base a instrucciones dadas por un humano en lenguaje normal. Es decir, que podemos decirle a la IA:
- Escribe una función que imprima «Hola» por consola cuando la llamamos.
Y, automágicamente, la IA nos generará un código similar a este:
function sayHello() {
console.log('Hola');
}
Este es un ejemplo simple, pero la IA de GPT-3 tiene muchísima más capacidad que esto. Podemos pedirle que haga cosas mucho más complejas como hacer una petición a un recurso remoto, una consulta a la base de datos, etc.
La magia de todo esto está en que, con lenguaje humano, el ordenador genera código directamente y en tiempo récord. Algo que, hasta ahora, era impensable.
Cómo funciona GitHub Copilot
Quizá te estés preguntando: ¿Y cómo sabe la IA qué código debe escribir para lo que le estamos pidiendo? La respuesta es simple.
¿Recuerdas todos esos repositorios de distintos proyectos que has ido creando en GitHub y que GitHub amablemente te alojaba sin pedirte nada a cambio? Bueno, pues resulta que sí que había algo a cambio de darte ese servicio. GitHub estaba (y está) entrenando a su inteligencia artificial con el código que subes. Son millones de líneas de código de cientos de miles de desarrolladores.
Gracias a eso, GitHub Copilot sabe traducir tus instrucciones en código y poner código que realmente es apropiado para lo que necesitas.
Cómo usar GitHub Copilot gratis
Una vez situados, vamos al lío para descubrir cómo podemos usar GitHub Copilot directamente en nuestro VS Code.
Lo primero que vamos a necesitar es una cuenta en GitHub. Si no tienes una, ya puedes ir a registrarte.
Una vez te hayas identificado con tu cuenta, debes acceder a:
https://github.com/settings/copilot
Verás una pantalla como esta:
Pulsa el botón de «Enable GitHub Copilot».
Te aparecerá un mensaje confirmando que estás usando GitHub Copilot en su versión gratuita.
Ojo: probablemente a finales de agosto de 2022 Microsoft sólo permita utilizarlo a las cuentas que paguen 10€/mes por el servicio.
Pulsando el botón de «Continue to get access to Copilot» llegarás a la siguiente página, donde debes seleccionar «Allow» en el selector desplegable y pulsar «Save and get started».
El checkbox de «Allow GitHub to use my code snippets for product improvements *» es opcional y significa que, si lo marcas, permites que GitHub utilice el código que escribes para mejorar su producto (¿recuerdas lo de la IA que va aprendiendo? ).
Pulsando el botón de «Continue to get access to Copilot» llegarás a la siguiente página, donde debes seleccionar «Allow» en el selector desplegable.
El checkbox de «Allow GitHub to use my code snippets for product improvements *» es opcional y significa que, si lo marcas, permites que GitHub utilice el código que escribes para mejorar su producto (¿recuerdas lo de la IA que va aprendiendo? 😉).
A continuación abrimos nuestro Visual Studio Code y, en la sección de extensiones, buscamos la extensión de GitHub Copilot. Asegúrate de que tiene un check azul e indica que está desarrollada por GitHub.
Pulsa el botón de «Instalar».
Una vez se instale, te pedirá que inicies sesión (si no lo has hecho) con tu cuenta de GitHub y que autorices la aplicación. Utiliza tu usuario y contraseña de GitHub y acepta darle permisos.
Una vez completes el proceso, te devolverá a VS Code y ya tendrás tu extensión de GitHub Copilot activada correctamente.
¡Felicidades! ¡Ya eres un programador que disfruta de la tecnología que probablemente te quite el trabajo en unos años!
En la esquina inferior derecha de VS Code verás ahora un icono que te permitirá activar o desactivar el Copilot cuando estés trabajando en un archivo.
Una vez completes el proceso, te devolverá a VS Code y ya tendrás tu extensión de GitHub Copilot activada correctamente.
¡Felicidades! ¡Ya eres un programador que disfruta de la tecnología que probablemente te quite el trabajo en unos años!
En la esquina inferior derecha de VS Code verás ahora un icono que te permitirá activar o desactivar el Copilot cuando estés trabajando en un archivo.
Cómo usar GitHub Copilot
Ahora que ya tienes instalado y configurado GitHub Copilot, hacer uso de la herramienta es muy sencillo.
Tan sólo tienes que escribir el equivalente a un comentario en JavaScript con la instrucción que le quieres dar y pulsar enter.
Automáticamente te aparecerá la sugerencia de código propuesta por Copilot. Si quieres aceptarla y usarla, sólo tienes que pulsar el tabulador y se añadirá el código.
Aquí tienes un ejemplo en el que le pido que cree un componente funcional de React:
Como ves, GitHub Copilot es muy fácil de utilizar y puede ser un compañero perfecto para facilitarnos la vida a la hora de escribir código, especialmente el más repetitivo.
El tiempo dirá si los desarrolladores terminamos usando este tipo de herramientas de forma masiva o no, especialmente si hay que pagar por ellas.
Si quieres que publique más contenido sobre GitHub Copilot, tutoriales sobre cómo usarlo o temáticas relacionadas, no dudes en decírmelo en redes sociales
Todos los contenidos gratis en tu email
Si quieres estar a la última en programación y tecnología, suscríbete a la Newsletter y recibe gratuitamente todos los contenidos que publico. Sin complicaciones. Directamente en tu correo.