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

Concluído

Neste exercício, criamos um novo repositório usando o modelo GitHub para o aplicativo Web frontend de portfólio pessoal JavaScript.

Como configurar o GitHub Copilot

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

1. Conta GitHub:

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

2. Inscreva-se e ative o GitHub Copilot:

   • Você pode configurar uma conta gratuita do GitHub Copilot ou inscrever-se numa assinatura de teste do GitHub Copilot Pro, com uma avaliação única de 30 dias. 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 no momento da inscrição. As taxas não são aplicadas até que o período experimental termine, a menos que canceles antes da conclusão do período de 30 dias.

Sugestão

O GitHub Copilot oferece um nível gratuito com 2.000 preenchimentos automáticos de código e 50 mensagens de bate-papo 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 login na sua conta do GitHub na janela que se abre no navegador. Mais informações. Educadores, estudantes e, alguns mantenedores de código aberto 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 os principais IDEs, incluindo Visual Studio, Visual Studio Code, IDEs JetBrains, VIM e XCode.
   • Para instalar, procure por "GitHub Copilot" no mercado de extensões do seu IDE e siga as instruções de instalação. Por exemplo, no mercado VS Code, você encontra o GitHub Copilot, o GitHub Copilot Chat e o GitHub Copilot for Azure como opções de instalação.

Configuração do ambiente

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

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

   

2. Na página Criar espaço de código, revise as definições de configuração do espaço de código e selecione Criar novo espaço de código

3. Aguarde até que o espaço de código inicie. Este processo de arranque pode demorar alguns minutos.

4. Os restantes exercícios deste projeto decorrem no contexto deste contentor 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 obter mais informações, consulte GitHub Codespaces mensalmente incluído armazenamento e horas principais.

Portfólio JavaScript

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

Quando o aplicativo Web foi iniciado com êxito, uma mensagem no terminal mostra que o servidor está sendo executado na porta 1234 dentro do seu Codespace.