Gerar código usando GitHub Copilot Chat

  • 8 minutos

A extensão GitHub Copilot Chat para Visual Studio Code suporta as seguintes interfaces de chat:

  • A Chat View disponibiliza um assistente de IA disponível para o ajudar a qualquer momento.

  • A janela de Chat Rápido pode ser usada para fazer uma pergunta rápida e depois voltar ao que está a fazer.

  • A interface do Chat Inline abre diretamente no editor para interações contextuais enquanto estás a programar.

A visualização de bate-papo e a janela de bate-papo rápido permitem conversas interativas de vários turnos com a IA. Ambas as interfaces fornecem uma maneira de fazer perguntas, obter ajuda com um problema de codificação e gerar código. A visualização de bate-papo é uma interface mais robusta que fornece uma experiência de bate-papo completa, enquanto a janela de bate-papo rápido é projetada para interações rápidas.

A interface de bate-papo em linha foi projetada para fornecer ajuda contextual e sugestões de código enquanto você codifica. A interface de bate-papo em linha está disponível no editor e permite que você faça perguntas e obtenha ajuda com trechos de código específicos.

Gerar código usando a visualização de bate-papo

A visualização Chat fornece um ambiente gerenciado para conversas entre você e o programador de par de IA. Você pode usar o modo de exibição Bate-papo para fazer perguntas, obter ajuda com problemas de codificação e gerar código. A visualização de bate-papo foi projetada para ser uma experiência mais interativa e conversacional do que a interface de bate-papo em linha.

Por defeito, a vista de Chat está localizada na Barra Lateral Secundária do lado direito da janela do Visual Studio Code.

A Vista de Chat suporta três agentes integrados: Perguntar, Planear e Agente. Pode selecionar um agente a partir do seletor de agentes na vista Chat.

Use o agente Ask para gerar código

O agente Ask foi concebido para o ajudar a analisar o seu código e investigar as opções para novas funcionalidades antes de sugerir implementações de código. Ao usar o agente Ask, GitHub Copilot atua como assistente conversacional que pode responder às suas perguntas e ajudá-lo com problemas de programação ou novas funcionalidades.

  1. Abre a visão do Chat e seleciona a opção Perguntar no seletor de agentes.

  2. Adicione contexto ao chat.

    O agente Ask suporta participantes do chat, comandos de barra e variáveis do chat. Pode adicionar o participante @workspace do chat ou #codebase ao chat para fornecer contexto juntamente com ficheiros ou pastas.

  3. Faça perguntas que o ajudem a avaliar o novo recurso que deseja implementar.

    Por exemplo, pode pedir a GitHub Copilot para o ajudar a perceber como implementar uma nova funcionalidade ou como usar uma biblioteca específica.

    • Como faço para adicionar uma página de login?
    • Quais são as melhores práticas para usar o React?
    • Como uso a @mui/material biblioteca?

  4. Construa um prompt que descreva o recurso de código que você deseja implementar.

    Seu prompt deve incluir uma descrição do recurso de código que você deseja implementar. Por exemplo:

    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. Reveja o código sugerido na vista de Chat.

    A resposta exibida na visualização Chat deve incluir um trecho de código que você pode usar para implementar o recurso. Você pode inserir mais prompts para refinar o código ou pedir mais detalhes.

  6. Para implementar código sugerido, pode passar o rato sobre o excerto de código e depois selecionar entre as opções Aplicar, Inserir e Copiar .

    • Aplicar: Aplica a sugestão de código ao ficheiro atual no editor.
    • Inserir: Insere a sugestão de código na posição atual do cursor no editor.
    • Copiado: Copia a sugestão de código para a prancheta.

    Captura de ecrã mostrando a visualização do Chat com o agente do Ask a sugerir uma atualização de código.

  7. Continue a iterar e refinar o novo recurso com mais instruções, se necessário.

Use o agente de planejamento para planear antes de codificar

O agente de planos foi concebido para o ajudar a pesquisar e planear uma tarefa antes de escrever qualquer código. Quando usa o agente Plan, GitHub Copilot analisa a sua base de código, faz perguntas esclarecedoras e cria um plano de implementação estruturado passo a passo. Depois de finalizar o plano, podes entregá-lo a um agente de implementação.

  1. Abra a vista de Chat e selecione Plan no selecionador de agentes.

  2. Adicione contexto ao chat.

    O agente do Plano utiliza ferramentas de somente leitura e análise da base de código para investigar a sua tarefa. Podes adicionar ficheiros e pastas ao chat para fornecer contexto adicional.

  3. Constrói um prompt que descreva a tarefa que queres planear.

    O seu prompt deve incluir uma descrição da funcionalidade ou tarefa que pretende implementar. Por exemplo:

    
Implement a user authentication system with OAuth2 and JWT.

  4. Responda a quaisquer perguntas esclarecedoras que o agente do plano fizer.

    O agente do plano investiga a sua tarefa e pode fazer perguntas para resolver ambiguidades antes de elaborar um plano.

  5. Revise o plano proposto.

    O agente do Plano fornece um resumo de alto nível, uma divisão dos passos de implementação, critérios de verificação e decisões documentadas. Pode iterar o plano dando feedback.

  6. Uma vez finalizado o plano, use os botões para iniciar a implementação ou abrir o plano no editor para revisão adicional.

    Pode optar por implementar o plano na mesma sessão de chat, ou iniciar uma sessão de agente em segundo plano ou cloud para trabalhar a implementação de forma autónoma.

Use o Agente para gerar código

Quando usa GitHub Copilot em modo Agente, GitHub Copilot atua como um agente autónomo que pode agir em seu nome. Podes pedir ao GitHub Copilot para realizar tarefas específicas, e ele gera código com base nos teus pedidos.

Importante

Quando usa o modo Agente, GitHub Copilot pode fazer múltiplos pedidos premium para completar uma única tarefa. Pedidos premium podem ser usados por prompts iniciados pelo utilizador e ações subsequentes que o GitHub Copilot toma em nome dele. O total de solicitações premium usadas depende da complexidade da tarefa, do número de etapas envolvidas e do modelo selecionado.

  1. Abra a vista do Chat e selecione Agente no selecionador de agentes.

  2. Constrói um prompt que descreva a tarefa que GitHub Copilot queres realizar.

    Por exemplo, pode pedir ao GitHub Copilot para gerar uma nova funcionalidade ou criar uma aplicação completamente nova.

    • Crie um aplicativo Web de planejamento de refeições usando o React e o Node.js
    • Adicionar funcionalidade de partilha de redes sociais
    • Substitua a autenticação atual por OAuth

  3. O Agente pode invocar múltiplas ferramentas para realizar diferentes tarefas. Opcionalmente, selecione o ícone Ferramentas para configurar quais ferramentas podem ser usadas para responder à sua solicitação.

  4. Confirme invocações de ferramentas e comandos de terminal.

    Antes de GitHub Copilot executar um comando de terminal ou uma ferramenta que não esteja integrada, pede confirmação para continuar. GitHub Copilot pede confirmação porque as ferramentas podem correr localmente na sua máquina e realizar ações que modificam ficheiros ou dados.

  5. GitHub Copilot deteta falhas e problemas em edições e comandos de terminal e irá iterar e executar ações para os resolver.

  6. À medida que GitHub Copilot processa o seu pedido, ele transmite as edições de código sugeridas diretamente no editor.

  7. Revise as edições sugeridas e aceite ou descarte as edições sugeridas.

  8. Continue a iterar e refinar o novo recurso com mais instruções, se necessário.

Gerar código usando uma sessão de chat em linha

A sessão de chat em linha pode ser usada para analisar e gerar código. A interface de chat em linha só é acessível quando um arquivo é aberto no editor de códigos. Ele pode ser usado para analisar o código selecionado ou criar um novo código com base em um prompt.

  1. Abra um arquivo no editor.

  2. Abra uma sessão de chat inline usando o atalho de teclado Ctrl+I ou selecionando Abrir Chat Inline no menu Chat na barra de título.

    A sessão de bate-papo em linha é aberta na posição do cursor no editor.

  3. Selecione um bloco de código no editor.

    O código selecionado é usado como contexto para o prompt. Se nenhum código for selecionado, o prompt usará o arquivo inteiro como contexto.

  4. Digite seu prompt no campo de entrada de chat.

    Por exemplo:

    Update selection to include an option for the `CommonActions.SearchBooks` action. Use the letter "b" and the message "to check for book availability".

  5. As sugestões de atualização de código são apresentadas como um diff no editor.

  6. Revê as atualizações de código sugeridas e depois aceita ou descarta as alterações.

    Captura de ecrã que mostra uma sessão de chat inline a atualizar código.

  7. Continue a iterar e refinar o novo recurso com mais instruções, se necessário.

Resumo

O GitHub Copilot Chat oferece um conjunto poderoso de ferramentas para gerar código e ajudar em tarefas de programação. A visualização de bate-papo, a janela de bate-papo rápido e a sessão de bate-papo em linha oferecem diferentes maneiras de interagir com o programador de par de IA e obter ajuda com problemas de codificação. Usando essas ferramentas de forma eficaz, você pode melhorar sua produtividade e eficiência de codificação.