Uso de GitHub Copilot con JavaScript

  • 3 minutos

En unidades anteriores, se mostró cómo configurar Copilot y se mencionó cómo puede ayudarle a ser más rápido como desarrollador que empieza a escribir código.

En esta unidad, vamos a analizar cómo Copilot puede ayudarle con proyectos existentes y con tareas más complicadas.

Desarrollo con GitHub Copilot

A menudo, cuando desarrollamos proyectos, es necesario asegurarnos de que nuestro código esté fresco y actualizado continuamente. Además, es posible que tengamos que corregir los errores que surjan o agregar nuevas características para mejorar su funcionalidad y facilidad de uso. Vamos a explorar algunas maneras de realizar actualizaciones con GitHub Copilot y GitHub Copilot Chat, una interfaz de chat interactiva para formular preguntas y recibir respuestas a cuestiones relacionadas con el código.

Ingeniería rápida

Aunque GitHub Copilot puede sugerir código a medida que escribe, también puede crear consultas para generar sugerencias útiles. Una solicitud, que es nuestra entrada, es un conjunto de instrucciones o guías que ayudan a generar código. La consulta es útil para generar respuestas específicas de Copilot. La solicitud podría ser un comentario o una entrada al usar GitHub Copilot Chat, que guíe a Copilot a generar código en tu nombre o a escribir código que Copilot complete automáticamente.

La calidad de la salida de Copilot depende de la forma en que se elabora la consulta. La creación de un mensaje eficaz es esencial para lograr los resultados deseados. Por ejemplo, si hace la consulta siguiente:

// Create an API endpoint

Dado que la consulta es ambigua y vaga, es posible que el resultado de GitHub Copilot no sea lo que necesita. Por ejemplo, podría usar un marco que no conozca o un punto de conexión que requiera datos que no reconozca. Por ejemplo, si hace la consulta siguiente:

// Create an API endpoint using the React framework that accepts a JSON payload in a POST request

Esta última consulta es específica, clara y permite a GitHub Copilot comprender el objetivo y el ámbito de la tarea. Aunque también puedes proporcionar contexto y ejemplos a Copilot mediante comentarios o código, también puedes usar la opción de GitHub Copilot Chat. Hacer una buena consulta garantiza que el modelo genere una salida de alta calidad.

Procedimientos recomendados con GitHub Copilot

Copilot impulsa la productividad, pero requiere algunos procedimientos recomendados para garantizar la calidad. Algunos procedimientos recomendados al usar Copilot son:

  • Mantén los mensajes simples y agrega componentes más elaborados a medida que vas avanzando, por ejemplo:

    create an HTML form with a text field and button

    Luego, profundice más en la consulta para obtener sugerencias más específicas:

    Add an event listen to the button to send a POST request to /generate endpoint and display response in a div with id "result"

  • Recorra las sugerencias; puede hacerlo mediante Ctrl+Entrar (o Cmd+Entrar en un equipo Mac). Obtendrá varias sugerencias de Copilot y puede elegir la mejor salida. Opcionalmente, al usar GitHub Copilot Chat, puedes usar la entrada de chat para agregar el mensaje e interactuar con la salida.

Si no logra avanzar o no obtiene los resultados que desea, puede reescribir el mensaje o empezar a escribir código para que Copilot lo complete automáticamente.

Nota:

GitHub Copilot usa los archivos abiertos en el editor de texto como contexto adicional. Esto es útil porque proporciona información adicional a la consulta o al código que podría estar escribiendo. Si necesita GitHub Copilot para proporcionar sugerencias basadas en otros archivos, puede abrirlos al usar GitHub Copilot Chat.