Gere código usando o GitHub Copilot Chat

Concluído

A extensão do GitHub Copilot Chat para Visual Studio Code dá suporte às seguintes interfaces de chat:

• A Exibição de Chat fornece um assistente de IA disponível para ajudá-lo a qualquer momento.

• A janela Chat Rápido pode ser usada para fazer uma pergunta rápida e, em seguida, voltar ao que você está fazendo.

• A interface Chat Embutido é aberta diretamente no editor para interações contextuais enquanto você está codificando.

A exibição de Chat e a janela de Chat 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 Exibição de Chat é uma interface mais robusta que fornece uma experiência de chat completa, enquanto a janela de Chat Rápido foi projetada para interações rápidas.

A interface de chat embutido foi projetada para fornecer ajuda contextual e sugestões de código enquanto você está codificando. A interface de chat embutido está disponível no editor e permite que você faça perguntas e obtenha ajuda com snippets de código específicos.

Gerar código usando o a Exibição de chat

A Exibição de Chat fornece um ambiente gerenciado para conversas entre você e o programador de pares de IA. Você pode usar a Exibição de Chat para fazer perguntas, obter ajuda com problemas de codificação e gerar código. A Exibição de Chat foi projetado para ser uma experiência mais interativa e de conversa do que a interface de chat embutida.

Por padrão, a visualização de chat está localizada na Barra Lateral à direita da janela do Visual Studio Code.

A Exibição de Chat dá suporte a três modos: Perguntar, Editar e Agente.

Usar o modo perguntar para gerar código

O modo perguntar foi projetado para ajudá-lo a analisar seu código e investigar as opções de novos recursos antes de sugerir implementações de código. No modo Perguntar, o GitHub Copilot atua como um assistente de conversa que pode fornecer respostas para suas perguntas e ajudá-lo com problemas de codificação ou novos recursos.

1. Abra o modo de exibição de chat no modo Pergunta.

2. Adicione contexto ao chat.

   O modo Pergunta dá suporte a participantes do chat, comando barra "/" e variáveis de chat. Você pode adicionar o participante do @workspace chat ou #codebase ao chat para fornecer contexto junto com arquivos ou pastas.

3. Faça perguntas que ajudam você a avaliar o novo recurso que você deseja implementar.

   Por exemplo, você pode pedir ao GitHub Copilot para ajudá-lo a entender como implementar um novo recurso ou como usar uma biblioteca específica.

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

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. Revise o código sugerido na visualização do Chat.

   A resposta exibida na Exibição de chat deve incluir um snippet de código que você pode usar para implementar o recurso. Você pode inserir mais prompts para refinar o código ou solicitar mais detalhes.

6. Para implementar o código sugerido, você pode passar o ponteiro do mouse sobre o snippet de código e selecionar entre as opções Aplicar, Inserir e Copiar .

   • Aplicar: aplica a sugestão de código ao arquivo atual no editor.
   • Inserir: insere a sugestão de código na posição atual do cursor no editor.
   • Copiar: Copia a sugestão de código para a área de transferência.

   

7. Continue a iterar e refinar o novo recurso com mais prompts, se necessário.

Usar o modo de edição para gerar código

O modo de edição foi projetado para ajudá-lo a criar ou atualizar o código. No modo de edição, o GitHub Copilot atua como um editor de código que pode ajudá-lo a desenvolver código de forma rápida e precisa.

1. Abra a visualização de chat em modo de edição.

2. Adicione contexto ao chat.

   O modo de edição não dá suporte aos participantes do chat. Especifique o contexto do workspace usando #codebase e adicionando arquivos ao chat.

3. 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:

   
   #codebase Add a login page. Let users log in with email and password.
   
   

4. Examine as edições sugeridas no editor de código.

5. Aceite ou descarte as edições sugeridas.

   Você pode navegar pelas edições usando as setas para cima e para baixo. Você pode manter (aceitar) ou desfazer (descartar) as edições sugeridas individualmente usando o menu pop-up que aparece em cada edição. Você também pode aceitar ou rejeitar todas as edições de uma só vez usando os botões Manter e Desfazer na parte inferior da guia editor (ou modo de exibição chat).

   Se você aceitar as edições sugeridas, o GitHub Copilot atualizará o código em seu editor.

   

Usar o modo de agente para gerar código

No modo de agente, o GitHub Copilot atua como um agente autônomo que pode executar ações em seu nome. Você pode pedir ao GitHub Copilot para executar tarefas específicas e ele gera código com base em suas solicitações.

Importante

Quando você usa a exibição chat no modo de agente, o GitHub Copilot pode fazer várias solicitações premium para concluir uma única tarefa. Solicitações Premium podem ser usadas por prompts iniciados pelo usuário e ações de acompanhamento que o Copilot realiza em seu nome. 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 visualização do chat no modo de agente.

2. Construa um prompt que descreva a tarefa que você deseja que o GitHub Copilot execute.

   Por exemplo, você pode pedir ao GitHub Copilot para gerar um novo recurso ou criar um aplicativo totalmente novo.

   • Criar um aplicativo Web de planejamento de refeições usando o React e o Node.js
   • Adicionar funcionalidade de compartilhamento de mídia social
   • Substituir autenticação atual por OAuth

3. O modo de agente pode invocar várias ferramentas para realizar tarefas diferentes. Opcionalmente, selecione o ícone Ferramentas para configurar quais ferramentas podem ser usadas para responder à sua solicitação.

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

   Antes que o Copilot execute um comando de terminal ou uma ferramenta que não seja interna, ele solicita a confirmação para continuar. O Copilot solicita confirmação porque as ferramentas podem ser executadas localmente em seu computador e executar ações que modificam arquivos ou dados.

5. O Copilot detecta problemas e problemas em edições de código e comandos de terminal e iterará e executará ações para resolvê-los.

6. À medida que o Copilot processa sua solicitação, ela transmite as edições de código sugeridas diretamente no editor.

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

8. Continue a iterar e refinar o novo recurso com mais prompts, se necessário.

Gerar código usando uma sessão de chat embutido

A sessão de chat embutido pode ser usada para analisar e gerar código. A interface de chat embutido só fica acessível quando um arquivo é aberto no editor de código. Ela 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 embutido usando o atalho de teclado Ctrl+I ou selecionando Chat Embutido do Editor no menu Copilot.

   A sessão de chat embutido é 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á todo o arquivo como contexto.

4. Insira seu prompt no campo de entrada do 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 exibidas no editor.

6. Examine as atualizações de código sugeridas e selecione Aceitar para implementar a sugestão ou Fechar para descartar as atualizações.

   

7. Continue a iterar e refinar o novo recurso com mais prompts, se necessário.

Resumo

O GitHub Copilot Chat fornece um conjunto avançado de ferramentas para gerar código e auxiliar nas tarefas de codificação. A Exibição de Chat, a janela Chat Rápido e a sessão de chat embutido oferecem diferentes maneiras de interagir com o programador de pares de IA e obter ajuda com problemas de codificação. Usando essas ferramentas com eficiência, você pode melhorar sua produtividade e eficiência de codificação.