Skip to main content
We publish frequent updates to our documentation, and translation of this page may still be in progress. For the most current information, please visit the English documentation.

Introducción a GitHub Copilot en Visual Studio Code

Aprende a instalar GitHub Copilot en Visual Studio Code y a empezar a ver sugerencias a medida que escribes comentarios y codificas.

GitHub Copilot está disponible para clientes de GitHub con una cuenta personal en GitHub.com y organizaciones de GitHub Enterprise Cloud propiedad de una cuenta empresarial.

GitHub Copilot es gratis para los alumnos comprobados, profesores y los mantenedores de proyectos populares de código abierto. Si no eres alumno, profesor, ni mantenedor de un proyecto popular de código abierto, puedes probar GitHub Copilot de manera gratuita con una prueba de 60 días. Después de la evaluación gratuita, necesitarás una suscripción de pago para su uso continuo. Para obtener más información, consulta "Acerca de la facturación de GitHub Copilot".

Prueba GitHub Copilot

Acerca de GitHub Copilot y Visual Studio Code

GitHub Copilot proporciona sugerencias de estilo autocompletar de un programador de pares de IA a medida que programa. Para más información, vea "Sobre GitHub Copilot".

Si usas Visual Studio Code, puedes ver e incorporar sugerencias de GitHub Copilot directamente en el editor. En esta guía, se muestra cómo usar GitHub Copilot en Visual Studio Code para macOS, Windows o Linux.

Prerrequisitos

Instalación de la extensión de Visual Studio Code

Para usar GitHub Copilot, primero debes instalar la extensión de Visual Studio Code.

  1. En Visual Studio Code Marketplace, ve a la página Extensión de GitHub Copilot y haz clic en Instalar. Instalación de la extensión de GitHub Copilot Visual Studio Code
  2. Aparecerá una ventana emergente que te pedirá que abras Visual Studio Code. Haz clic en Abrir Visual Studio Code .
  3. En la pestaña "Extensión: GitHub Copilot" de Visual Studio Code, haz clic en Instalar. Botón Instalar de Visual Studio Code
  4. Si no autorizaste previamente a Visual Studio Code en tu cuenta de GitHub, se te pedirá que inicies sesión en GitHub en Visual Studio Code.
    • Si autorizaste previamente a Visual Studio Code para tu cuenta en GitHub, GitHub Copilot se autorizará automáticamente. Captura de pantalla de la autorización de Visual Studio Code
  5. En el explorador, GitHub solicitará los permisos necesarios para GitHub Copilot. Para aprobar estos permisos, haz clic en Autorizar Visual Studio Code .
  6. En Visual Studio Code, en el cuadro de diálogo "Visual Studio Code", haz clic en Abrir para confirmar la autenticación.

Visualización de tu primera sugerencia

Nota: Si tienes habilitada la detección de duplicación para GitHub Copilot, puedes recibir sugerencias limitadas o ninguna sugerencia al usar los ejemplos de código proporcionados. Como alternativa, puedes empezar escribiendo tu propio código para ver sugerencias de GitHub Copilot. Para más información sobre la detección de duplicación, consulta "Habilitación o deshabilitación de la detección de duplicación".

GitHub Copilot proporciona sugerencias para numerosos lenguajes y una amplia variedad de marcos, pero funciona especialmente bien para Python, JavaScript, TypeScript, Ruby, Go, C# y C++. Los ejemplos siguientes están en JavaScript, pero otros lenguajes funcionarán de manera similar.

  1. En Visual Studio Code, crea un archivo de JavaScript ( *.js).
  2. En el archivo de JavaScript, escriba el encabezado de función siguiente. GitHub Copilot sugerirá automáticamente un cuerpo de función completo en texto atenuado, como se muestra a continuación. La sugerencia exacta puede variar.
    JavaScript
    function calculateDaysBetweenDates(begin, end) {
    Captura de pantalla de una primera sugerencia Visual Studio Code 1. Para aceptar la sugerencia, presiona Tab.

Visualización de sugerencias alternativas

Para cualquier entrada determinada, GitHub Copilot puede ofrecer varias sugerencias. Puedes seleccionar qué sugerencia usar o rechazar todas las sugerencias.

  1. En Visual Studio Code, crea un archivo de JavaScript ( *.js).

  2. En el archivo de JavaScript, escriba el encabezado de función siguiente. GitHub Copilot mostrará una sugerencia.

    JavaScript
    function calculateDaysBetweenDates(begin, end) {
  3. Opcionalmente, puedes ver sugerencias alternativas, si hay alguna disponible.

    SOVer la siguiente sugerenciaVer la sugerencia anterior
    macOSOpción (⌥) o Alt+]Opción (⌥) o Alt+[
    WindowsAlt+]Alt+[
    LinuxAlt+]Alt+[
  4. De manera alternativa, puedes mantener el puntero sobre la sugerencia para ver la paleta de comandos de GitHub Copilot para elegir sugerencias.

  5. Para aceptar una sugerencia, presiona Tab. Para rechazar todas las sugerencias, presiona Esc.

Visualización de varias sugerencias en una pestaña nueva

Es posible que no quieras ninguna de las sugerencias iniciales que GitHub Copilot ofrece. Puedes usar un método abreviado de teclado para solicitarle a GitHub Copilot que te muestre varias sugerencias en una pestaña nueva.

  1. En Visual Studio Code, crea un archivo de JavaScript ( *.js).
  2. En el archivo de JavaScript, escriba el encabezado de función siguiente. GitHub Copilot mostrará una sugerencia.
    JavaScript
    function calculateDaysBetweenDates(begin, end) {
  3. Si quieres abrir una pestaña nueva con varias opciones adicionales, presiona Ctrl+Entrar.
  4. Si quieres aceptar una sugerencia, haz clic en Aceptar solución encima de la sugerencia. Si quieres rechazar todas las sugerencias, cierra la pestaña.

Generación de sugerencias de código a partir de comentarios

Puedes describir algo que quieres hacer con el lenguaje natural dentro de un comentario y GitHub Copilot te sugerirá el código que debes usar para lograr tu objetivo.

  1. En Visual Studio Code, crea un archivo de JavaScript ( *.js).
  2. En el archivo de JavaScript, escribe el comentario siguiente. GitHub Copilot sugerirá una implementación de la función.
    JavaScript
    // find all images without alternate text
    // and give them a red border
    function process() {

Uso de un marco

También puedes usar GitHub Copilot para generar sugerencias para API y marcos. En el ejemplo siguiente, se usa GitHub Copilot para crear un servidor Express sencillo que devuelve la hora actual.

  1. En Visual Studio Code, crea un archivo de JavaScript ( *.js).
  2. En el archivo de JavaScript, escribe el comentario siguiente y, luego, presiona Entrar. GitHub Copilot sugerirá una implementación de la aplicación Express.
    JavaScript
    // Express server on port 3000
  3. To accept each line, press Tab, then Enter.
  4. Type the following comment and then press Enter. GitHub Copilot will suggest an implementation for the default handler.
    JavaScript
    // Return the current time
  5. Para aceptar cada línea, presiona Tab.

Habilitación o deshabilitación de GitHub Copilot

Puedes habilitar o deshabilitar GitHub Copilot desde Visual Studio Code. El icono de estado de GitHub Copilot en el panel inferior de la ventana Visual Studio Code indica si GitHub Copilot está habilitado o deshabilitado. Cuando está habilitado, el color de fondo del icono coincidirá con el color de la barra de estado. Cuando está deshabilitado, el color de fondo del icono contrastará con el color de la barra de estado.

  1. Para habilitar o deshabilitar GitHub Copilot, haz clic en el icono de estado en el panel inferior de la ventana Visual Studio Code. Captura de pantalla del icono de estado en Visual Studio Code

  2. Si deshabilitas GitHub Copilot, se te preguntará si quieres deshabilitar las sugerencias de forma global o para el idioma del archivo que estás editando actualmente.

    • Para deshabilitar las sugerencias de GitHub Copilot de forma global, haz clic en Deshabilitar globalmente.
    • Para deshabilitar las sugerencias de GitHub Copilot para el idioma especificado, haz clic en Deshabilitar para IDIOMA. Captura de pantalla de la opción para deshabilitar GitHub Copilot de forma global o para el idioma actual

Información adicional