Usar o GitHub Copilot com JavaScript

  • 3 minutos

Em unidades anteriores, mostramos como configurar o Copilot e mencionamos como ele pode torná-lo mais rápido como um desenvolvedor começando a escrever código.

Nesta unidade, vamos discutir como o Copilot pode ajudá-lo com projetos existentes e ajudá-lo com tarefas mais complicadas.

Desenvolvendo com o GitHub Copilot

Muitas vezes, quando construímos projetos, precisamos garantir continuamente que o nosso código esteja atualizado. Além disso, podemos precisar corrigir quaisquer bugs que surjam ou adicionar novos recursos para melhorar sua funcionalidade e usabilidade. Vamos explorar algumas maneiras de fazer atualizações com o GitHub Copilot e o GitHub Copilot Chat, uma interface de bate-papo interativa para perguntar e receber respostas a perguntas relacionadas ao código.

Engenharia de Prompts

Embora o GitHub Copilot possa sugerir código à medida que você digita, você também pode criar prompts para criar sugestões úteis. Um prompt, que é a nossa entrada, é uma coleção de instruções ou diretrizes que ajudam a gerar código. Um prompt é útil para gerar respostas específicas do Copilot. O prompt pode ser um comentário ou entrada ao usar o GitHub Copilot Chat que orienta o Copilot a gerar código em seu nome ou escrever código que o Copilot preenche automaticamente.

A qualidade da saída do Copilot depende de quão bem você cria seu prompt. Criar um prompt eficaz é essencial para alcançar os resultados desejados. Por exemplo, se tiveres o seguinte prompt:

// Create an API endpoint

Como o prompt é ambíguo e vago, o resultado do GitHub Copilot pode não ser o que você precisa. Por exemplo, ele pode usar uma estrutura que você não conhece ou um ponto de extremidade que requer dados que você não reconhece. No entanto, se tiveres o seguinte prompt:

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

Este último prompt é específico, claro e permite que o GitHub Copilot entenda o objetivo e o escopo da tarefa. Embora você também possa fornecer contexto e exemplos para o Copilot usando comentários ou código, você também pode usar a opção de bate-papo do GitHub Copilot Chat. Ter um bom prompt garante que o modelo gere uma saída de alta qualidade.

Práticas recomendadas usando o GitHub Copilot

O Copilot aumenta a sua produtividade, mas requer algumas boas práticas para garantir a qualidade. Algumas práticas recomendadas ao usar o Copilot são:

  • Mantenha seus prompts simples e, em seguida, adicione componentes mais elaborados à medida que você continua, por exemplo:

    create an HTML form with a text field and button

    Em seguida, expanda mais sobre o aviso para receber sugestões mais 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"

  • Alterne entre sugestões, pode-se fazer isso usando Ctrl+Enter (ou Cmd+Enter num Mac). Você recebe várias sugestões do Copilot, e poderá escolher o melhor resultado. Opcionalmente, ao usar o GitHub Copilot Chat, você pode usar a entrada de bate-papo para adicionar seu prompt e interagir com a saída.

Se você estiver preso ou não estiver obtendo os resultados desejados, poderá reformular o prompt ou começar a escrever código para o Copilot completar automaticamente.

Nota

O GitHub Copilot usa arquivos abertos em seu editor de texto como contexto adicional. Isso é útil porque fornece informações úteis, além do prompt ou código que você pode estar escrevendo. Se precisares que o GitHub Copilot dê sugestões baseadas noutros ficheiros, podes abri-los usando o GitHub Copilot Chat.