Exercício: Configurar o GitHub Copilot para trabalhar com o Visual Studio Code

Concluído

Nesse exercício, criamos um repositório usando o modelo do GitHub para o aplicativo Web de front-end de portfólio pessoal do JavaScript.

Como configurar o GitHub Copilot

Para usar o GitHub Copilot, você precisa concluir as seguintes etapas:

1. Conta GitHub:

   • Crie uma conta do GitHub. Como o Copilot é um serviço GitHub, você precisa de uma conta GitHub para usá-lo. Se você não tiver uma conta, visite a página da Web do GitHub para criar uma gratuitamente.

2. Inscreva-se e habilite o GitHub Copilot:

   • Você pode configurar uma conta do GitHub Copilot Free ou assinar a avaliação de 30 dias do GitHub Copilot Pro. Para fins de aprendizagem, a opção Copilot Free com limites de uso deve ser suficiente.
   • É importante estar ciente das condições de avaliação gratuita do GitHub Copilot: se você escolher a oferta de avaliação gratuita para o GitHub Copilot, uma forma de pagamento será solicitada na inscrição. As cobranças não são aplicadas até que o período de avaliação seja concluído, a menos que você cancele antes da conclusão do período de 30 dias.

Dica

O GitHub Copilot oferece um nível gratuito com 2.000 preenchimentos automáticos de código e 50 mensagens de chat por mês. Para começar, abra o Visual Studio Code, clique no ícone do GitHub Copilot e, em seguida, clique em "Entrar para usar o GitHub Copilot gratuitamente". Faça logon em sua conta do GitHub na janela que é aberta no navegador. Saiba mais. Educadores, alunos e mantenedores de software livre podem receber o Copilot Pro gratuitamente, saiba como: https://aka.ms/Copilot4Students.

3. Instale a extensão:
   • O GitHub Copilot está disponível como uma extensão para IDEs principais, incluindo Visual Studio, Visual Studio Code, IDEs jetbrains, VIM e XCode.
   • Para instalar, pesquise "GitHub Copilot" no marketplace de extensão do IDE e siga as instruções de instalação. Por exemplo, no marketplace do VS Code, você encontra o GitHub Copilot, o GitHub Copilot Chat e o GitHub Copilot para Azure como opções de instalação.

Configuração de ambiente

Primeiro, você precisa iniciar o ambiente do Codespaces, que vem pré-configurado com a extensão do GitHub Copilot.

1. Selecione o botão a seguir para Abrir o Codespace com o ambiente pré-configurado.

   

2. Na página Criar um codespace, revise as definições de configuração do codespace e selecione Criar codespace

3. Aguarde até que o codespace seja iniciado. Esse processo de inicialização pode levar alguns minutos.

4. Os exercícios restantes neste projeto ocorrem no contexto desse contêiner de desenvolvimento.

Importante

Todas as contas do GitHub podem usar Codespaces por até 60 horas gratuitas por mês com duas instâncias principais. Para saber mais, confira Armazenamento e horas por núcleo incluídos mensalmente no GitHub Codespaces.

Portfólio do JavaScript

Quando concluído, o Codespaces é carregado com uma seção de terminal na parte inferior. O Codespaces instalam todas as extensões e dependências necessárias em seu contêiner. Depois de concluído, esse modelo é configurado para usar npm start para iniciar o aplicativo Web em seu Codespace.

Quando o aplicativo Web for iniciado com êxito, uma mensagem no terminal mostrará que o servidor está em execução na porta 1234 em seu Codespace.