Ejercicio: Configuración de GitHub Copilot para trabajar con Visual Studio Code

  • 5 minutos

En este ejercicio, se crea un nuevo repositorio mediante la plantilla de GitHub para la aplicación web de front-end de cartera personal de JavaScript.

Cómo configurar GitHub Copilot

Para usar GitHub Copilot, debe completar los siguientes pasos:

  1. Cuenta de GitHub:

    • Creación de una cuenta de GitHub. Dado que Copilot es un servicio de GitHub, necesita una cuenta de GitHub para usarlo. Si no tiene una cuenta, visite la página web de GitHub para crear una gratuitamente.

  2. Regístrese y habilite GitHub Copilot:

    • Puede configurar una cuenta gratuita de GitHub Copilot o registrarse para obtener una suscripción a la versión de prueba de GitHub Copilot Pro con una prueba única de 30 días. Con fines de aprendizaje, la opción Copilot Free con límites de uso debe ser suficiente.
    • Es importante tener en cuenta las condiciones de evaluación gratuita de GitHub Copilot: si elige la oferta de evaluación gratuita para GitHub Copilot, se solicita un formulario de pago al registrarse. Los cargos no se aplicarán hasta que finalice la prueba a menos que cancele antes de la conclusión del período de 30 días.

Sugerencia

GitHub Copilot ofrece un nivel gratuito con 2000 autocompletados de código y 50 mensajes de chat al mes. Para empezar, abra Visual Studio Code, haga clic en el icono de GitHub Copilot y, a continuación, haga clic en "Iniciar sesión para usar GitHub Copilot de forma gratuita". Inicie sesión en la cuenta de GitHub en la ventana que se abre en el explorador. Más información. Los educadores, los estudiantes y algunos mantenedores de código abierto pueden recibir Copilot Pro de forma gratuita, aprende cómo: https://aka.ms/Copilot4Students.

  1. Instale la extensión:
    • GitHub Copilot está disponible como una extensión para los IDE principales, incluidos Visual Studio, Visual Studio Code, IDE de JetBrains, VIM y XCode.
    • Para instalarlo, busque "GitHub Copilot" en el marketplace de extensiones del IDE y siga las instrucciones de instalación. Por ejemplo, en el marketplace de VS Code, encontrará GitHub Copilot, GitHub Copilot Chat y GitHub Copilot para Azure como opciones para instalar.

Configuración de entorno

En primer lugar, debe iniciar el entorno de Codespaces, que viene preconfigurado con la extensión GitHub Copilot.

  1. Seleccione el siguiente botón para Abrir codespace con el entorno preconfigurado.

    Abrir en GitHub Codespaces

  2. En la página Crear codespace, revise las opciones de configuración de codespace y, después, seleccione Crear nuevo codespace

  3. Espere a que se inicie Codespace. Este proceso de startup puede tardar unos minutos.

  4. Los demás ejercicios de este proyecto tienen lugar en el contexto de este contenedor de desarrollo.

Importante

Todas las cuentas de GitHub pueden usar Codespaces durante un máximo de 60 horas gratis cada mes con dos instancias principales. Para obtener más información, consulte Almacenamiento y horas de núcleo incluidas mensualmente en GitHub Codespaces.

Cartera de JavaScript

Cuando haya finalizado, Codespaces se carga con una sección de terminal en la parte inferior. Codespaces instala todas las extensiones y dependencias necesarias en el contenedor. Una vez completada, esta plantilla está configurada para usar npm start para iniciar la aplicación web dentro de su Codespace.

Cuando la aplicación web se ha iniciado correctamente, un mensaje en el terminal muestra que el servidor se ejecuta en el puerto 1234 dentro de Codespace.