Como Configurar o GitHub Copilot no VS Code

O GitHub Copilot é um assistente de codificação alimentado por IA que sugere complementos de código conforme você digita, ajudando você a escrever código mais rapidamente e com menos erros. Se você é um desenvolvedor web usando o VS Code, configurar o Copilot leva apenas alguns minutos e pode aumentar significativamente sua produtividade. Este guia orienta você através do processo de instalação, opções de planos e configuração essencial para começar a codificar com assistência de IA imediatamente.

O que é o GitHub Copilot e Por que Usá-lo?

O GitHub Copilot é um programador par de IA desenvolvido pelo GitHub e OpenAI que fornece sugestões inteligentes de código diretamente no seu editor. Ele analisa o contexto do seu código e sugere linhas inteiras ou blocos de código, aprendendo com bilhões de linhas de código público para oferecer complementos relevantes.

Os desenvolvedores usam o Copilot porque ele:

• Reduz o tempo gasto em código boilerplate e padrões repetitivos
• Ajuda a descobrir novas APIs e abordagens de codificação
• Acelera o aprendizado de novas linguagens e frameworks
• Minimiza a troca de contexto mantendo você no seu fluxo

Planos Gratuito vs Pagos do GitHub Copilot

Antes de instalar, entenda suas opções:

Plano Gratuito do Copilot:

• Limite mensal de 2.000 complementos e 50 mensagens de chat
• Acesso ao modelo GPT-4o
• Sugestões básicas de código e recursos de chat
• Ideal para experimentar o Copilot ou uso ocasional

Copilot Individual ($10/mês):

• Complementos e chat ilimitados
• Múltiplos modelos de IA (GPT-4o, Claude 3.5 Sonnet, o1-preview, o1-mini)
• Recursos avançados incluindo edição multi-arquivo
• Teste gratuito de 30 dias disponível

Copilot Business/Enterprise ($19-39/usuário/mês):

• Tudo do Individual
• Segurança e conformidade empresarial
• Controles de administrador e análises de uso
• Recursos de colaboração em equipe

Instalando o GitHub Copilot no VS Code

Passo 1: Instalar a Extensão

1. Abra o VS Code
2. Pressione Ctrl+Shift+X (Windows/Linux) ou Cmd+Shift+X (Mac) para abrir Extensões
3. Procure por “GitHub Copilot”
4. Clique em Instalar na extensão oficial do GitHub Copilot

Passo 2: Fazer Login no GitHub

Após a instalação, você verá o ícone do Copilot na sua barra de status (canto inferior direito).

1. Clique no ícone do Copilot
2. Selecione “Sign in to GitHub”
3. Siga os prompts do navegador para autenticar
4. Retorne ao VS Code após a autorização

Se você não tiver uma assinatura do Copilot, será solicitado a iniciar um teste gratuito ou selecionar o nível gratuito.

Passo 3: Verificar a Configuração

Para confirmar que o Copilot está funcionando:

1. Crie um novo arquivo com extensão .js, .py ou .html
2. Comece a digitar uma função ou estrutura HTML
3. Procure por sugestões de “texto fantasma” em cinza
4. Pressione Tab para aceitar sugestões

Configurações Essenciais

Gerenciando Telemetria e Privacidade

Por padrão, o Copilot pode coletar dados de telemetria. Para gerenciar configurações de privacidade:

1. Abra as Configurações do VS Code (Ctrl+, ou Cmd+,)
2. Procure por “telemetry”
3. Defina telemetry.telemetryLevel como “off” para telemetria geral do VS Code

Para configurações específicas do Copilot:

1. Procure por “github.copilot”
2. Encontre “GitHub > Copilot: Enable”
3. Desmarque para desabilitar o Copilot globalmente, ou configure configurações por linguagem

Configurações Específicas do Workspace

Para desabilitar o Copilot em projetos sensíveis:

1. Abra a visualização de Extensões (Ctrl+Shift+X)
2. Encontre o GitHub Copilot
3. Clique no ícone de engrenagem
4. Selecione “Disable (Workspace)”
5. Recarregue o VS Code quando solicitado

Personalizando o Comportamento das Sugestões

Nas Configurações, procure por “github.copilot” para ajustar:

• Inline Suggest: Habilitar/desabilitar sugestões automáticas
• Editor > Enable Auto Completions: Controlar quando as sugestões aparecem
• Enable: Configurar o Copilot apenas para linguagens específicas

Usando o GitHub Copilot Efetivamente

Complementos Básicos de Código

Conforme você digita, o Copilot sugere código em texto cinza. Atalhos principais:

• Tab: Aceitar sugestão
• Esc: Dispensar sugestão
• Alt+] ou Option+]: Próxima sugestão
• Alt+[ ou Option+[: Sugestão anterior
• Ctrl+Enter: Abrir painel do Copilot com múltiplas sugestões

Recursos Avançados

Chat Inline (Ctrl+I ou Cmd+I):

• Selecione código e pressione o atalho
• Peça ao Copilot para refatorar, explicar ou melhorar a seleção
• Perfeito para edições rápidas sem sair do seu código

Painel de Chat:

• Abra a visualização de Chat da Barra de Atividades
• Use @workspace para referenciar todo o seu projeto
• Faça perguntas sobre sua base de código ou solicite novas implementações
• Modelos disponíveis variam por nível de assinatura

Ações Inteligentes:

• Gerar mensagens de commit na visualização de Controle de Código
• Criar testes unitários a partir de código existente
• Adicionar documentação a funções
• Corrigir erros com sugestões contextuais

Trocando Contas do GitHub

Se sua assinatura do Copilot estiver em uma conta diferente do GitHub:

1. Clique no ícone de Contas na Barra de Atividades (ou ícone de perfil no canto inferior esquerdo)
2. Saia da conta atual do GitHub
3. Clique no ícone do Copilot na barra de status
4. Selecione “Sign in to GitHub”
5. Autentique com a conta correta

Solução de Problemas Comuns

Copilot não está sugerindo código:

• Verifique se a extensão do arquivo é suportada
• Confirme que você está logado (verifique a barra de status)
• Certifique-se de que o Copilot não está desabilitado para o workspace
• Verifique o status da sua assinatura e limites
• Tente recarregar a janela do VS Code (Ctrl+R ou Cmd+R)

Qualidade ruim das sugestões:

• Forneça mais contexto no seu arquivo
• Escreva comentários descritivos antes das funções
• Use nomes claros para variáveis e funções
• Inclua imports relevantes e definições de tipo

Problemas de rede:

• Verifique se as configurações de firewall permitem conexões com github.com
• Confirme a configuração de proxy se estiver atrás de uma rede corporativa
• Teste com o comando github.copilot.advanced.debug.testConnection na Paleta de Comandos

Conclusão

Configurar o GitHub Copilot no VS Code transforma sua experiência de codificação com sugestões alimentadas por IA que se adaptam ao seu estilo. Seja usando o plano gratuito para explorar suas capacidades ou aproveitando recursos pagos para desenvolvimento profissional, o processo de configuração permanece direto. Comece com complementos básicos, experimente com chat inline para melhorias rápidas e explore o painel de chat para construir recursos inteiros. Com configuração adequada e configurações de privacidade no lugar, você está pronto para codificar mais rápido e eficientemente com seu programador par de IA.

Perguntas Frequentes

Understand every bug

Uncover frustrations, understand bugs and fix slowdowns like never before with OpenReplay — the open-source session replay tool for developers. Self-host it in minutes, and have complete control over your customer data. Check our GitHub repo and join the thousands of developers in our community.