Generación de código mediante chat de GitHub Copilot

Completado

La extensión GitHub Copilot Chat para Visual Studio Code admite las siguientes interfaces de chat:

  • La vista de chat proporciona un asistente de IA que está disponible para ayudarle en cualquier momento.

  • La ventana Chat rápido se puede usar para formular una pregunta rápida y, a continuación, volver a lo que está haciendo.

  • La interfaz De chat en línea se abre directamente en el editor para interacciones contextuales mientras está codificando.

La vista de chat y la Ventana de Chat Rápido permiten conversaciones interactivas de múltiples turnos con la inteligencia artificial. Ambas interfaces proporcionan una manera de formular preguntas, obtener ayuda con un problema de codificación y generar código. La vista Chat es una interfaz más sólida que proporciona una experiencia de chat completa, mientras que la ventana Chat rápido está diseñada para interacciones rápidas.

La interfaz de chat en línea está diseñada para proporcionar ayuda contextual y sugerencias de código mientras está codificando. La interfaz de chat en línea está disponible en el editor y le permite formular preguntas y obtener ayuda con fragmentos de código específicos.

Generación de código mediante la vista Chat

La vista Chat proporciona un entorno administrado para las conversaciones entre usted y el programador de pares de IA. Puede usar la vista Chat para formular preguntas, obtener ayuda con problemas de codificación y generar código. La vista Chat está diseñada para ser una experiencia más interactiva y conversacional que la interfaz de chat en línea.

De forma predeterminada, la vista Chat se encuentra en la barra lateral secundaria del lado derecho de la ventana Visual Studio Code.

La vista de chat admite tres agentes integrados: Ask, Plan y Agent. Puede seleccionar un agente en el selector de agentes en la vista Chat.

Uso del agente de Ask para generar código

El agente Ask está diseñado para ayudarle a analizar el código e investigar las opciones de nuevas características antes de sugerir implementaciones de código. Al usar el agente Ask, GitHub Copilot actúa como asistente conversacional que puede proporcionar respuestas a sus preguntas y ayudarle a codificar problemas o nuevas características.

  1. Abra la vista Chat y seleccione Preguntar en el selector del agente.

  2. Agregue contexto al chat.

    El agente Ask admite participantes de chat, comandos de barra diagonal y variables de chat. Puede agregar al participante del chat @workspace o #codebase al chat para proporcionar contexto con archivos o carpetas.

  3. Haga preguntas que le ayuden a evaluar la nueva característica que desea implementar.

    Por ejemplo, puede pedir GitHub Copilot para ayudarle a comprender cómo implementar una nueva característica o cómo usar una biblioteca específica.

    • ¿Cómo se agrega una página de inicio de sesión?
    • ¿Cuáles son los procedimientos recomendados para usar React?
    • ¿Cómo uso la @mui/material biblioteca?
  4. Cree una instrucción que describa la característica de código que desea implementar.

    El mensaje debe incluir una descripción de la característica de código que desea implementar. Por ejemplo:

    Create the code to obtain a book title. Prompt the user to "Enter a book title to search for". Read the user input and ensure the book title isn't null.
    
  5. Revise el código sugerido en la vista Chat.

    La respuesta mostrada en la vista Chat debe incluir un fragmento de código que puede usar para implementar la característica. Puede escribir más mensajes para refinar el código o solicitar más detalles.

  6. Para implementar código sugerido, puede mantener el puntero del mouse sobre el fragmento de código y, a continuación, seleccionar entre las opciones Aplicar, Insertar y Copiar .

    • Aplicar: aplica la sugerencia de código al archivo actual en el editor.
    • Insertar: inserta la sugerencia de código en la posición actual del cursor en el editor.
    • Copiar: copia la sugerencia de código en el Portapapeles.

    Captura de pantalla en la que se muestra la vista Chat con el agente de Ask que sugiere una actualización de código.

  7. Siga iterando y refinando la nueva característica con más avisos si es necesario.

Uso del agente de plan para planear antes de codificar

El agente Plan está diseñado para ayudarle a investigar y Planear una tarea antes de escribir código alguno. Al usar el agente de plan, GitHub Copilot analiza el código base, formula preguntas aclarantes y crea un plan de implementación estructurado paso a paso. Una vez finalizado el plan, puede entregarlo a un agente de implementación.

  1. Abra la vista Chat y seleccione Plan en el selector del agente.

  2. Agregue contexto al chat.

    El agente de plan usa herramientas de solo lectura y análisis de código base para investigar la tarea. Puede agregar archivos y carpetas al chat para proporcionar contexto adicional.

  3. Construya un prompt que describa la tarea que desea planificar.

    El mensaje debe incluir una descripción de la característica o tarea que desea implementar. Por ejemplo:

    
    Implement a user authentication system with OAuth2 and JWT.
    
    
  4. Responda a las preguntas aclarantes que el agente de plan formula.

    El agente de plan investiga la tarea y puede formular preguntas para resolver ambigüedades antes de redactar un plan.

  5. Revise el plan propuesto.

    El agente de plan proporciona un resumen general, un desglose de los pasos de implementación, los criterios de comprobación y las decisiones documentadas. Puede iterar el plan mediante la provisión de comentarios.

  6. Una vez finalizado el plan, use los botones para iniciar la implementación o para abrir el plan en el editor para su posterior revisión.

    Puede optar por implementar el plan en la misma sesión de chat o iniciar una sesión de agente en la nube o en segundo plano para trabajar en la implementación de forma autónoma.

Uso del agente para generar código

Cuando se usa GitHub Copilot en modo agente, GitHub Copilot actúa como un agente autónomo que puede realizar acciones en su nombre. Puede pedir GitHub Copilot para realizar tareas específicas y genera código basado en las solicitudes.

Importante

Al usar el modo agente, GitHub Copilot puede realizar varias solicitudes Premium para completar una sola tarea. Las solicitudes Premium se pueden usar mediante avisos iniciados por el usuario y acciones de seguimiento que GitHub Copilot realiza en su nombre. El total de solicitudes premium usadas depende de la complejidad de la tarea, del número de pasos implicados y del modelo seleccionado.

  1. Abra la vista Chat y seleccione Agente en el selector de agentes.

  2. Cree un comando que describa la tarea que desea GitHub Copilot para realizar.

    Por ejemplo, puede pedir GitHub Copilot para generar una nueva característica o crear una aplicación completamente nueva.

    • Creación de una aplicación web de planificación de comidas mediante React y Node.js
    • Adición de la funcionalidad de uso compartido de redes sociales
    • Reemplazar la autenticación actual por OAuth
  3. El agente puede invocar varias herramientas para realizar diferentes tareas. Opcionalmente, seleccione el icono Herramientas para configurar qué herramientas se pueden usar para responder a la solicitud.

  4. Confirme las invocaciones de herramientas y los comandos de terminal.

    Antes de ejecutar un comando de terminal o una herramienta no integrada, GitHub Copilot solicita confirmación para continuar. GitHub Copilot solicita confirmación porque las herramientas se pueden ejecutar localmente en el equipo y realizar acciones que modifiquen archivos o datos.

  5. GitHub Copilot detecta problemas e inconvenientes en ediciones de código y comandos de terminal, e itera y realiza acciones para resolverlos.

  6. A medida que GitHub Copilot procesa la solicitud, transmite las ediciones de código sugeridas directamente en el editor.

  7. Revise las modificaciones sugeridas y acepte o descarte las modificaciones sugeridas.

  8. Siga iterando y refinando la nueva característica con más avisos si es necesario.

Generación de código mediante una sesión de chat en línea

La sesión de chat en línea se puede usar para analizar y generar código. La interfaz de chat en línea solo es accesible cuando un archivo está abierto en el editor de código. Se puede usar para analizar el código seleccionado o crear código nuevo a partir de un indicador.

  1. Abra un archivo en el editor.

  2. Abra una sesión de chat en línea mediante el método abreviado de teclado Ctrl+I o seleccione Abrir chat en línea en el menú Chat en la barra de título.

    La sesión de chat en línea se abre en la posición del cursor en el editor.

  3. Seleccione un bloque de código en el editor.

    El código seleccionado se usa como contexto para el mensaje. Si no se selecciona ningún código, la indicación utiliza todo el archivo como contexto.

  4. Escriba el mensaje en el campo de entrada del chat.

    Por ejemplo:

    Update selection to include an option for the `CommonActions.SearchBooks` action. Use the letter "b" and the message "to check for book availability".
    
  5. Las sugerencias de actualización de código se muestran como diferencias en el editor.

  6. Revise las actualizaciones de código sugeridas y acepte o descarte los cambios.

    Captura de pantalla que muestra un código de actualización de sesión de chat en línea.

  7. Siga iterando y refinando la nueva característica con más avisos si es necesario.

Resumen

GitHub Copilot Chat proporciona un conjunto eficaz de herramientas para generar código y ayudar con tareas de codificación. La vista Chat, la ventana Chat rápido y la sesión de chat en línea ofrecen diferentes formas de interactuar con el programador de pares de IA y obtener ayuda con problemas de codificación. Mediante el uso eficaz de estas herramientas, puede mejorar la productividad y la eficacia de la codificación.