Usar o GitHub Copilot com JavaScript
Nas unidades anteriores, mostramos como configurar o Copilot e mencionamos como ele pode tornar mais rápido o trabalho de um desenvolvedor que está começando a escrever código.
Nesta unidade, vamos discutir como o Copilot pode ajudar você com projetos existentes e com tarefas mais complicadas.
Desenvolvimento com o GitHub Copilot
Muitas vezes, quando compilamos projetos, precisamos garantir continuamente que nosso código esteja novo e atualizado. Além disso, talvez seja necessário corrigir quaisquer erros 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 chat interativa para fazer e receber respostas para perguntas relacionadas ao código.
Engenharia de prompt
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 o código. Um prompt é útil para gerar respostas específicas a partir do Copilot. O prompt pode ser um comentário ou uma 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ê elabora seu prompt. A criação de um prompt efetivo é essencial para alcançar os resultados desejados. Por exemplo, se você tiver o prompt a seguir:
// 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 utilizar uma estrutura que você não conhece ou um ponto de extremidade que exige dados que você não reconhece. No entanto, se você tiver o prompt a seguir:
// Create an API endpoint using the React framework that accepts a JSON payload in a POST request
Esse ú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 chat do GitHub Copilot Chat. Ter um bom prompt garante que o modelo gere uma saída de alta qualidade.
Melhores práticas utilizando o GitHub Copilot
O Copilot aumenta muito sua produtividade, mas exige algumas boas práticas para garantir a qualidade. Algumas das melhores práticas ao usar o Copilot são:
Mantenha seus prompts simples e, em seguida, adicione componentes mais elaborados à medida que avança, por exemplo:
create an HTML form with a text field and buttonA seguir, elabore mais sobre o prompt para obter 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"Ciclo entre sugestões, você pode fazer isso usando Ctrl+Enter (ou Cmd+Enter em um Mac). Você receberá várias sugestões do Copilot e poderá escolher a melhor saída. Opcionalmente, ao usar o GitHub Copilot Chat, você poderá usar a entrada de chat para adicionar seu prompt e interagir com a saída.
Se estiver preso ou não estiver obtendo os resultados que você deseja, poderá reformular o prompt ou começar a escrever código para o Copilot preencher automaticamente.
Observação
O GitHub Copilot utiliza os arquivos abertos no seu editor de texto como contexto adicional. Isso ajuda porque fornece informações úteis, além do prompt ou do código que você pode estar escrevendo. Se você precisar que o GitHub Copilot forneça sugestões com base em outros arquivos, você poderá abri-los ou usar o @workspace com seu prompt ao usar o GitHub Copilot Chat.