GitHub Copilot en VS Code

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:

Configurar GitHub Copilot

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 👍

Newsletter Viki Codes

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.

Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Puedes conocer todos los aspectos legales visitando nuestro Aviso Legal.