O GitHub Copilot para iniciantes oferece uma porta de entrada acessível ao mundo do desenvolvimento com Inteligência Artificial. Se você está começando, o GitHub Copilot pode ser seu novo melhor amigo, auxiliando na escrita de código de forma inteligente. Com ele, você pode criar desde jogos simples até interfaces gráficas complexas, tudo com a ajuda da IA.
Para aproveitar ao máximo essa ferramenta, é essencial conhecer seus recursos e funcionalidades. Vamos explorar juntos como o GitHub Copilot pode transformar sua experiência de programação, tornando-a mais eficiente e divertida.
O que é GitHub Copilot?
GitHub Copilot é um programador de pares baseado em IA que auxilia você a escrever código de forma mais eficiente. Ele utiliza a generative AI, o que significa que pode criar conteúdo novo com base no que aprendeu. É importante lembrar que, ao usar o Copilot, as sugestões podem variar, já que ele está sempre aprendendo e adaptando suas respostas.
Para começar a usar o Copilot, você precisa de uma conta GitHub e uma licença do Copilot. Você pode obter uma licença gratuita através deste link. Depois de ter acesso, instale a extensão no seu editor de código, autentique-se e estará pronto para começar. Para mais detalhes introdutórios, confira o primeiro artigo da série.
Agora, vamos explorar alguns dos recursos essenciais que o GitHub Copilot oferece.
Completando o código com GitHub Copilot para iniciantes
Uma das funcionalidades mais úteis do GitHub Copilot é a autocompletação de código. Imagine que você quer criar um jogo de pedra, papel e tesoura em Python. Comece criando um novo arquivo chamado rock_paper_scissor.py. No topo do arquivo, adicione o seguinte comentário:
Create a Rock Paper Scissors game where the player inputs their choice and plays against a computer that randomly selects its move, with the game showing who won each round. Add a score counter that tracks player and computer wins, and allow the game to continue until the player types ‘quit’.
Pressione Enter algumas vezes. Você verá um texto cinza e em itálico aparecendo após o cursor. Esse é o ghost text, uma sugestão do GitHub Copilot. Pressione Tab para aceitar a sugestão. Continue aceitando as linhas até que a sugestão defina uma função, que começa com a palavra-chave def.
Ao pressionar Enter após a definição da função, você verá o ghost text definindo a função principal. Passe o mouse sobre o ghost text para ver as opções disponíveis. Você pode aceitar uma única palavra, percorrer algumas autocompletações ou aceitar a sugestão atual. Clique nos três pontos e selecione “Open Completions Panel”.
O painel de autocompletações mostra várias maneiras de implementar o código. Navegue pelas opções e escolha a sugestão que preferir. Clique no botão “Accept suggestion” para inserir o código no seu arquivo. Por fim, adicione uma linha para invocar a função. Lembre-se que, como o Copilot é uma IA generativa, as sugestões podem variar mesmo com o mesmo prompt.
Após adicionar o código, abra o terminal e digite python rock_paper_scissor.py para jogar. Jogue o quanto quiser e digite quit quando terminar. Parabéns! Você acabou de criar um jogo com o GitHub Copilot.
Usando o chat inline
Agora que temos a base do nosso jogo, podemos melhorá-lo com o recurso de chat inline do GitHub Copilot. No nosso exemplo, tínhamos a seguinte linha:
player_choice = input('Rock, Paper, Scissors or Quit: ').lower()
Para dar mais flexibilidade aos jogadores, selecione essa linha de código e pressione Ctrl + I ou Command + I para abrir o Copilot Inline Chat, onde você pode inserir um prompt. Digamos que você dê ao Copilot este prompt:
allow the user to enter r for rock, p for paper, and s for scissors
Antes de enviar o prompt, observe o menu suspenso no final da janela. Ele permite escolher qual modelo usar para responder ao prompt. O Copilot Chat usa modelos diferentes, e novos são adicionados constantemente.
Depois de selecionar o modelo, pressione Enter e veja o Copilot atualizar o código. Após a atualização, você pode aceitar ou descartar as mudanças sugeridas. Se aceitar as mudanças, execute o jogo novamente no terminal e observe que agora você pode usar letras únicas para fazer sua escolha.
O recurso de chat inline é ótimo para aplicar correções rápidas ao seu código. Para um trabalho mais aprofundado, você pode usar a experiência completa do Copilot Chat.
Aproveitando o Copilot Chat
O GitHub Copilot Chat pode auxiliar com explicações de código, criação de produtos mínimos viáveis (MVPs), escrita de testes e correção de erros. Para demonstrar as capacidades do Copilot Chat, vamos usá-lo para criar uma interface gráfica (GUI) para o nosso jogo de pedra, papel e tesoura.
Primeiro, clique no ícone de chat na barra lateral esquerda do VS Code para abrir a janela de chat. Insira o seguinte prompt na caixa fornecida:
Create a simple GUI using a library like Tkinter for the game
Enquanto o arquivo rock_paper_scissor.py estiver aberto, ele aparecerá na parte inferior do painel de chat como o arquivo atual. Isso é conhecido como contexto e permite que o Copilot Chat saiba de qual jogo você está falando. Você pode desativar isso clicando no ícone “Close File” após “Current file”. No entanto, é importante garantir que o Copilot Chat tenha o contexto do arquivo correto. A melhor prática é deixar que o Copilot tenha o contexto do seu arquivo aberto para gerar código relevante.
Assim como na janela de prompt do chat inline, você pode escolher o modelo que deseja usar para responder ao seu prompt. Vamos usar o modelo Claude 3.5 Sonnet e enviar a solicitação.
O Copilot responderá na janela de chat e você notará várias coisas quando terminar. Primeiro, ele identifica que está usando um arquivo como referência. Em seguida, ele fornece um plano de ação e o bloco de código. Por fim, ele fornece as citações de código que você pode investigar com o link “View matches”.
No painel de Chat, você tem algumas opções disponíveis. Da esquerda para a direita, os ícones na parte inferior da sugestão permitem:
* Ouvir o código lido em voz alta.
* Tentar o mesmo prompt novamente para obter uma resposta diferente.
* Votar positivamente no código fornecido.
* Votar negativamente no código fornecido.
* Editar a sugestão usando o Copilot.
Analise o bloco de código fornecido. Ao passar o mouse sobre ele, três ícones aparecem no canto superior direito. Da esquerda para a direita, esses botões permitem:
* Apply in Editor: Aplicar as mudanças rapidamente no seu arquivo de código com um clique, sem precisar copiar e colar!
* Insert At Cursor: Inserir o bloco de código na posição atual do cursor no arquivo.
* Copy: Copiar o código gerado para a área de transferência, para que você possa colá-lo quando quiser.
* More: Abrir um menu suspenso com opções para “Insert into Terminal” e “Insert into New File”. Isso colará o código nos locais indicados.
Por agora, clique no botão Apply in Editor para atualizar o código. Isso atualiza todo o arquivo. Na parte superior do arquivo, você verá opções para aceitar as alterações, descartá-las e mostrá-las ou ocultá-las. Clique em Accept Changes para que o editor finalize as alterações no seu arquivo.
Observe como seu jogo baseado em texto foi alterado para ser executado com uma GUI. Execute o código para ver as mudanças em ação!
Aproveitando os comandos slash no GitHub Copilot para iniciantes
Os comandos slash são atalhos para prompts comuns que são particularmente úteis no dia a dia. Você pode usá-los em uma janela do Copilot Chat para obter explicações de código, corrigir código, criar um novo notebook e muito mais.
Na janela do Copilot Chat, digite uma barra (/). Assim que fizer isso, o Copilot fornecerá uma lista de comandos possíveis que você pode usar. Por exemplo, você pode usar o comando /explain para que o Copilot forneça uma explicação completa do código no seu arquivo atual. Use /help para obter uma lista de comandos slash disponíveis, bem como explicações do que eles fazem. Se você estiver preso, lembre-se de /help.
Se você quiser ver alguns dos comandos slash mais comuns sem abrir seu editor, consulte a folha de dicas do Copilot Chat.
Adicionando contexto ao GitHub Copilot para iniciantes
Como vimos, o contexto ajuda o Copilot Chat a fornecer respostas direcionadas aos seus objetivos específicos. Mas e se você quiser fornecer um contexto além do seu arquivo aberto?
Você pode usar variáveis na interface de chat para fornecer contexto adicional e ajudar o Copilot a entender suas solicitações. Por exemplo, use a variável #file para especificar um ou mais arquivos que o Copilot deve usar ao tentar resolver seu prompt. Ou use #codebase para pesquisar em sua base de código.
Para ver uma lista de variáveis de chat, consulte a documentação da folha de dicas do Copilot Chat.
Participantes do chat
Pense nos participantes do chat como especialistas com certas especialidades. Você pode invocar um participante do chat digitando @ na janela de chat, seguido pelo nome do participante que deseja usar. Por exemplo, @workspace invoca um participante que tem conhecimento sobre todo o seu espaço de trabalho. Use isso para determinar onde uma função é definida em seu projeto ou se você deseja gerar um README detalhado do seu projeto.
Outro participante frequentemente usado é @terminal, que tem contexto de todas as informações na janela do terminal integrada ao VS Code. Talvez o participante mais comum seja @github, que tem conhecimento do seu repositório, pull requests, issues e pode pesquisar na web.
A folha de dicas do Copilot Chat também lista alguns dos participantes de chat mais comuns que as pessoas usam ao interagir com o Copilot Chat.
Editando com o Copilot
O Copilot Edits é um dos recursos mais recentes e interessantes adicionados ao GitHub Copilot. Com ele, você pode iniciar uma sessão de código rapidamente para iterar sobre as alterações de código usando linguagem natural. Ele permite editar vários arquivos ao mesmo tempo e combina o fluxo de conversa do Copilot Chat com o feedback rápido do chat inline em uma única experiência.
Use o Copilot Edits para adicionar um painel de pontuação detalhado ao jogo que já temos. Para começar, clique no botão GitHub Copilot no VS Code para abrir o menu do Copilot. Selecione “Open Copilot Edits”. Na caixa fornecida, insira o seguinte prompt:
Add a detailed scoreboard to track and display the number of ties, player wins, and computer wins for each round.
Escolha o modelo que deseja usar (continuamos usando o Claude 3.5 Sonnet) e envie o prompt. Você verá as respostas sendo transmitidas. Por agora, clique em “Accept” e execute o jogo. A GUI foi atualizada para acompanhar as estatísticas do jogo enquanto você joga.
Lembre-se de revisar todas as sugestões de qualquer ferramenta de desenvolvedor de IA que você usar. Como acontece com qualquer IA generativa, você deve sempre revisar cuidadosamente as sugestões antes de aceitá-las. Há uma razão pela qual nos referimos ao GitHub Copilot como um assistente. Ele deve aumentar suas habilidades, não servir como um substituto para suas habilidades.
Este exemplo tem apenas um arquivo no projeto. O Copilot Edits se torna ainda mais poderoso quando você o usa para editar vários arquivos ao mesmo tempo. Demonstraremos isso em outro episódio.
Mensagens de commit
Agora que terminamos nosso jogo, é hora de enviá-lo para o GitHub, para que a equipe possa revisá-lo. No VS Code, clique no botão de controle de código-fonte. Prepare suas mudanças e clique no botão no lado direito da caixa de mensagem de commit que se parece com um conjunto de brilhos. Este botão usa o GitHub Copilot para gerar uma mensagem de commit.
Revisão de código com o Copilot
Você pode ir um passo além e pedir ao Copilot para revisar seu código antes de enviá-lo para o restante da equipe. Para fazer isso, destaque uma seção de código no seu editor. Um ícone de brilho aparecerá na parte superior esquerda da seção destacada. Clique neste ícone e selecione a opção “Review using Copilot”.
O Copilot fornece uma revisão inicial do seu código antes de você enviá-lo e pedir uma revisão final da sua equipe. Você também pode obter esta revisão do Copilot através do github.com, se preferir.
Recursos do JetBrains IDE
Nem todos os IDEs são idênticos quando se trata do GitHub Copilot, e IDEs diferentes têm funcionalidades diferentes disponíveis. Se você estiver usando JetBrains IDEs, você tem acesso ao Copilot Code Complete e ao Copilot Chat.
Acabamos de examinar alguns dos recursos mais essenciais do GitHub Copilot que ajudarão você a aproveitar ao máximo o programador de pares de IA. Como você pode ver, é um assistente de codificação muito poderoso que faz mais do que apenas completar o código.
Não se esqueça que você pode usar o GitHub Copilot gratuitamente. Certifique-se de verificar as práticas recomendadas para usar o GitHub Copilot. Se você tiver alguma dúvida, coloque-as no thread da comunidade GitHub e responderemos.
Recapitulando os principais pontos:
1. Code Completion: O GitHub Copilot para iniciantes oferece sugestões de código em tempo real, auxiliando você a escrever código mais rapidamente.
2. Chat Inline: Permite fazer perguntas e obter sugestões diretamente no seu código, facilitando a correção de problemas.
3. Copilot Chat: Ajuda a explicar o código, construir MVPs, escrever testes e corrigir erros, tornando o desenvolvimento mais completo.
4. Comandos Slash: Atalhos para comandos comuns que agilizam tarefas como explicar e corrigir código.
5. Contexto: Utilize variáveis para fornecer contexto adicional ao Copilot, melhorando a precisão das respostas.
6. Participantes do Chat: Interaja com especialistas virtuais para obter conhecimento sobre seu espaço de trabalho, terminal e repositório GitHub.
7. Copilot Edits: Edite o código usando linguagem natural e veja as mudanças em tempo real, combinando conversação e feedback rápido.
Ao dominar esses recursos, você estará pronto para transformar sua experiência de programação com o GitHub Copilot para iniciantes.
Este conteúdo foi auxiliado por Inteligência Artificial, mas escrito e revisado por um humano.
Via The GitHub Blog