Análisis y explicación del código mediante GitHub Copilot

  • 6 minutos

Los desarrolladores usan GitHub Copilot para intercambiar nuevas aplicaciones o características, explorar las herramientas y técnicas de codificación, evaluar problemas y posibles correcciones, y explicar código complejo o desconocido. GitHub Copilot puede ayudarle a comprender el propósito y el comportamiento del código, lo que facilita el trabajo con y el mantenimiento.

Cada una de las siguientes características de GitHub Copilot se puede usar para analizar o explicar el código:

  • Vista de chat: use la vista Chat para formular preguntas sobre los proyectos de código, los temas de codificación y los conceptos de tecnología generales.
  • Chat en línea: inicie una sesión de chat en línea directamente desde el editor para preguntar sobre secciones de código específicas.
  • Acciones inteligentes: ejecute la acción Explicar inteligente para explicar el código seleccionado sin tener que escribir un mensaje.
  • Chat rápido: Haz una pregunta rápida y sigue con lo que estabas haciendo.

Uso de la vista Chat en el modo Preguntar al agente para analizar y explicar el código

La vista Chat de Visual Studio Code se usa para administrar conversaciones de chat entre usted y el programador de pares de IA. De forma predeterminada, la vista Chat se encuentra en la barra lateral secundaria del lado derecho de la ventana Visual Studio Code. Al enviar un mensaje, el programador de pares de IA responde con descripciones de lenguaje natural, fragmentos de código y otra información relevante. Las respuestas se muestran en la vista Chat.

Para acceder a la vista Chat, puede seleccionar el botón Toggle Chat (icono de Copilot), seleccione Abrir Chat en el menú de GitHub Copilot o use el método abreviado de teclado Ctrl+Alt+I. La vista Chat tiene como valor predeterminado el modo de preguntar al agente, pero conserva el modo seleccionado más recientemente al cambiar entre visible y oculto.

Puede usar la vista Chat en el modo Solicitar agente para una amplia gama de temas. Por ejemplo:

  • Formular preguntas sobre los conceptos de codificación y tecnología ("What is a linked list?", "top 10 popular web frameworks")
  • Lluvia de ideas sobre cómo resolver mejor un problema de codificación ("How to add auth to my project?")
  • Explicar un bloque de código ("@workspace /explain", "What does this code do?")
  • Proponer correcciones de código ("@workspace /fix", "This method gives a FileNotFoundException")
  • Pregunte sobre la configuración de VS Code ("@vscode how do I disable the minimap?")

Captura de pantalla que muestra la vista Chat preguntando sobre el patrón Singleton.

El modo del agente Ask admite las siguientes características de interfaz:

  • Barra de herramientas de vista de chat: La barra de herramientas Vista de chat se encuentra en la esquina superior derecha de la vista de chat. Puede usar la barra de herramientas para administrar el historial de chats, iniciar un nuevo chat, abrir la vista Chat en otra ubicación u ocultar la vista Chat. Mantenga el puntero del mouse sobre los iconos del botón de la barra de herramientas para ver una descripción.

  • Área de respuesta de chat: el área de respuesta de chat es el espacio situado debajo de la barra de herramientas de la vista chat donde GitHub Copilot muestra las respuestas. Las respuestas incluyen sugerencias de código, explicaciones, elementos interactivos y otra información relacionada con el mensaje.

  • Botón Adjuntar contexto: el botón Adjuntar contexto (icono de paperclip) se encuentra en la sección inferior de la vista Chat. Puede usar este botón para adjuntar archivos, selecciones, símbolos u otros recursos del área de trabajo como contexto para el mensaje de chat.

  • Ask Copilot: el cuadro de texto Ask Copilot es donde ingresas tus solicitudes. Al usar el modo de agente Preguntar, las solicitudes pueden incluir participantes de chat, comandos de barra diagonal y variables de chat.

    En el modo Ask Agent, puede usar participantes del chat para definir el contexto de sus preguntas. Por ejemplo, puede usar @workspace para indicar que el contexto es los archivos del área de trabajo.

  • Botón Iniciar chat de voz: el botón Iniciar chat de voz se encuentra a la izquierda del cuadro de texto Preguntar a Copilot. Puede usar este botón para habilitar o deshabilitar las interacciones de voz con GitHub Copilot. Cuando se habilitan las interacciones de voz, puede usar la voz para hacer preguntas a GitHub Copilot.

  • Lista desplegable de Agentes: La lista desplegable de Agentes se encuentra a la derecha del cuadro de texto Ask Copilot. Puede usar esta lista desplegable para cambiar entre los modos Ask, Agent y Plan.

  • Menú Seleccionar modelo: El menú Seleccionar modelo se encuentra a la derecha de la lista desplegable de agentes. Puede usar este botón para seleccionar el modelo que GitHub Copilot usa para generar respuestas. Las selecciones de modelo pueden limitarse en función de la suscripción de GitHub Copilot, la configuración de GitHub Copilot y los modelos disponibles en su región.

  • Botón Enviar: el botón Enviar se encuentra a la derecha del menú Elegir modelo. Puede usar este botón para enviar el mensaje a GitHub Copilot y recibir una respuesta. El botón Enviar incluye una lista desplegable con opciones para enviar el mensaje.

Uso del chat en línea para analizar y explicar el código

La característica de chat en línea permite iniciar una sesión de chat directamente desde el editor. El chat en línea es útil cuando desea formular preguntas sobre código específico (secciones, líneas o variables) sin salir del editor. Las respuestas se muestran en la ventana de chat en línea.

Para acceder al chat en línea, puede seleccionar Editor Inline Chat en el menú de GitHub Copilot o usar el método abreviado de teclado Ctrl+I. Use la tecla Escape para cerrar la ventana de chat emergente.

Puede usar el chat en línea para consultar los temas de codificación generales, pero es más adecuado para formular preguntas al código en el editor activo. Por ejemplo:

  • Explicar un bloque de código ("/explain How are the parameters of the XYZ method used?", "/explain #selection")
  • Examen de un problema ("/explain Why does this code throw an exception?", "/explain How can I fix this issue?")
  • Formular preguntas sobre conceptos de codificación o tecnología ("/explain Can LINQ be used to improve readability?")

Captura de pantalla que muestra el chat en línea que pregunta sobre el código seleccionado.

El chat en línea admite las siguientes características:

  • Consulta con Copilot: El cuadro de texto, donde introduces tus indicaciones, se llama Consulta con Copilot. Cuando use el chat en línea, los mensajes pueden incluir comandos de barra diagonal y variables de chat, pero los participantes de chat no están disponibles.

  • Botón Iniciar chat de voz: el botón Iniciar chat de voz se encuentra a la izquierda del cuadro de texto de Preguntar a Copilot. Puede usar este botón para habilitar o deshabilitar las interacciones de voz con GitHub Copilot. Cuando se habilitan las interacciones de voz, puede usar la voz para formular preguntas GitHub Copilot o solicitar sugerencias de código.

  • Menú Seleccionar modelo: el menú Seleccionar modelo permite seleccionar el modelo que GitHub Copilot usa para generar respuestas. Las selecciones de modelo pueden limitarse en función de la suscripción de GitHub Copilot, la configuración de GitHub Copilot y los modelos disponibles en su región.

  • Botón Enviar: el botón Enviar se encuentra a la derecha del menú Elegir modelo. Puede usar este botón para enviar el mensaje a GitHub Copilot y recibir una respuesta. El botón Enviar incluye una lista desplegable con opciones para enviar el mensaje.

Utiliza la acción inteligente explicar para explicar el código

La acción inteligente de explicación se usa para explicar el código que está abierto en el editor. Para restringir el foco, seleccione un bloque de código, una sola línea de código o una variable. Cuando no hay código seleccionado, la explicación hace referencia al archivo activo. La acción Explicar inteligente muestra respuestas en la vista Chat.

Para acceder a la acción inteligente de explicación, haga clic con el botón derecho en el editor de código activo, seleccione Copilot y, a continuación, seleccione Explicar.

Captura de pantalla que muestra la acción inteligente de explicación en el menú contextual.

Uso de la ventana Chat rápido para analizar y explicar el código

La característica Chat rápido le permite hacer una pregunta rápida y volver a lo que está haciendo. La característica Chat rápido es útil cuando desea hacer una pregunta rápida sin influir en el historial de chat que está creando en la vista Chat. Las respuestas se muestran en la ventana Chat rápido.

Para acceder a la ventana Chat rápido, puede seleccionar Quick Chat en el menú de GitHub Copilot o usar el método abreviado de teclado Ctrl+Mayús+Alt+L.

La ventana Chat rápido admite las mismas características de contexto proporcionadas por la vista Chat en el modo De agente de Ask, pero no proporciona una manera de administrar el historial de chat. La ventana Chat rápido está diseñada para preguntas y respuestas rápidas, por lo que no incluye todas las características proporcionadas por la vista Chat.

Captura de pantalla que muestra la ventana Chat rápido.

Puede usar el Chat rápido para los mismos tipos de preguntas que la vista de chat en modo de agente Preguntar. Sin embargo, el chat rápido es más adecuado para preguntas rápidas que no forman parte de una conversación más grande.

Resumen

GitHub Copilot proporciona varias características que se pueden usar para analizar y explicar código. La ventana Vista chat, chat en línea, Explicar acción inteligente y Chat rápido proporcionan formas de formular preguntas sobre los proyectos de código, los temas de codificación y los conceptos de tecnología general. Con estas características, puede comprender mejor el código y mejorar las aptitudes de codificación.