Como usar o Gemini Code Assist no VS Code

O Google lançou recentemente o Gemini Code Assist – uma ferramenta de preenchimento e assistência de código de IA para empresas – na conferência Cloud Next, que está em andamento em Las Vegas.

O que é o Gemini Code Assist? Você pode usar o Gemini Code Assist em seu IDE, como VS Code, IntelliJ, Cloud Workstations ou Cloud Shell Editor para auxiliar no desenvolvimento ou usá-lo no Google Cloud Console para solucionar problemas assistidos.

Gemini Code Assist pode ajudá-lo a concluir o código enquanto você escreve o código, gerar funções completas ou blocos de código a partir de comentários, gerar testes de unidade e ajudá-lo a depurar, compreender e documentar seu código.

Tecnicamente, é uma evolução do Duet AI, que o Google descontinuou há alguns meses. No entanto, agora é mais um concorrente direto do GitHub Copilot da Microsoft, que é uma das ferramentas de IA mais proeminentes que podem ajudá-lo com a codificação.

O Code Assist usa o Gemini 1.5 Pro, que possui uma janela de contexto de 1 milhão, a maior janela de contexto que qualquer modelo oferece. Isso dá ao Code Assist uma vantagem considerável. Os usuários poderiam até mesmo realizar alterações em toda a sua base de código com esta janela de contexto, que nenhuma outra plataforma oferece atualmente.

As empresas também poderão ajustar o Code Assist à sua base de código interna, assim como o GitHub Copilot.

Você pode experimentar o Gemini Code Assist gratuitamente até 11 de julho de 2024, limitado a um usuário por conta de faturamento.

Neste guia, focaremos em como você pode usar o Gemini Code Assist no Visual Studio (VS) Code.

Configurando o Gemini Code Assist com VS Code

Para usar o Code Assist com VS Code, você precisará seguir as etapas abaixo para configurar tudo.

Instalar a extensão Cloud Code

Primeiro de tudo, você precisa instalar a extensão Cloud Code para usar o Code Assist com VS Code.

Abra o VS Code em sua máquina.
Em seguida, vá para ‘Extensões’ no menu esquerdo.

Procure por ‘Cloud Code’ usando a barra de pesquisa. Clique no primeiro resultado da pesquisa, ou seja, Gemini + Google Cloud Code.

Em seguida, clique no botão ‘Instalar’ e instale a extensão.

A extensão Cloud Code agora está instalada no VS Code. Funciona melhor com os seguintes idiomas:

NodeJS
Ir
Pitão
Java
.LÍQUIDO

Embora o NodeJS tenha suporte integrado no VS Code e não exija nenhuma ação adicional, você precisará instalar as outras linguagens se quiser usá-las. Você pode instalar esses idiomas da mesma forma que instalou a extensão Cloud Code.

Opcionalmente, se quiser copiar amostras para sua máquina, você também precisará instalar o Git.

Conecte-se ao Google Cloud

Agora, a próxima etapa envolve conectar-se ao Google Cloud a partir do VS Code.

Assim que a extensão estiver instalada, clique na opção ‘Abrir passo a passo’.

Clique no botão ‘Conectar’ na opção ‘Conectar com Google Cloud’.

Aparecerá uma mensagem informando que o VS Code deseja abrir um site externo. Clique em ‘Abrir’ para prosseguir.

Em seguida, faça login na sua conta do Google.
Em seguida, sua conta do Google solicitará que você baixe este aplicativo [Cloud Code] do Google; clique em ‘Entrar’ para prosseguir.

Sua conta agora está conectada ao Google Cloud.

Em seguida, você precisará ativar o Gemini no VS Code selecionando um projeto do Google Cloud que tenha a API Cloud ativada. No entanto, se você ainda não se inscreveu no Google Cloud, primeiro você precisará fazer isso.

Se você não tem o Google Cloud, pode fazer uma avaliação gratuita por três meses com créditos de US$ 300.

Acesse cloud.google.com e clique em ‘Começar gratuitamente’.

Em seguida, forneça as informações da sua conta e clique em ‘Concordar e continuar’.

Forneça suas informações de pagamento e clique em ‘Iniciar gratuitamente’ para obter o teste gratuito. Você não será cobrado após o término da avaliação, a menos que ative manualmente sua conta completa do Google Cloud.

Depois de ter o Google Cloud, você pode usar um projeto dele para usar o Gemini no VS Code.

Ative o Gemini no VS Code

Agora, volte ao VS Code e clique em ‘Select Google Cloud Project’ para ativar o Gemini.

A opção de selecionar o projeto Google Cloud aparecerá na parte superior. Selecione o projeto Google Cloud com Cloud API ativada. Você também pode criar um novo projeto do Google Cloud.

Se a API Cloud não estiver habilitada para o projeto selecionado, você receberá um erro na janela do VS Code. Clique em ‘Ativar API’ para consertar.

Gemini será ativado para uso no VS Code. Você pode acessá-lo a qualquer momento na barra de status, que agora mostrará um Gemini ativado, em vez do ícone anterior do Gemini desativado (ícone vermelho com uma linha diagonal).

A opção Gemini também será adicionada à barra de atividades à esquerda.

É isso. Agora você pode começar a usar o Gemini no VS Code para obter ajuda com a geração de código ou conversar com ele.

Gerando Código com Gemini

Para usar o Gemini no VS Code, você pode gerar um novo código com prompts, obter sugestões de codificação ou obter sugestões em linha.

Primeiro, abra um aplicativo existente no qual deseja usar o Gemini ou crie um aplicativo de amostra do Cloud Code para testar o Gemini.

Para criar um aplicativo de exemplo, pressione Ctrl+ Shift+ P(Windows/Linux) ou Cmd+ Shift+ P(Mac) para abrir a paleta de comandos no VS Code.
Em seguida, digite ‘Código da nuvem: Novo aplicativo’ e pressione Enter.

Selecione ‘aplicativo Kubernetes’ nas opções.

Em seguida, selecione um aplicativo de exemplo nas opções, como ‘Python (Flask): Guestbook’. Observe que você precisará instalar o idioma no qual está instalando o aplicativo de exemplo, caso ainda não o tenha instalado.

Salve o aplicativo no local desejado e ele será criado.

Depois que seu aplicativo for criado, crie um novo arquivo de código ou abra um existente para usar o Gemini. Aqui estão todas as maneiras pelas quais o Gemini pode ajudá-lo na geração de código.

Obtenha sugestões on-line

Para obter sugestões on-line, comece a digitar seu código.
Gemini fornecerá sugestões de preenchimento automático para seu código enquanto você escreve.
Você pode pressionar Tabpara aceitar a sugestão. Para ignorar a sugestão, pressione Escou continue escrevendo o código.

Gerar código

Gemini também pode gerar um novo código para você. Clique no ícone ‘Gemini: Smart Actions’ na janela do IDE.

Em seguida, clique em ‘Gerar código’ nas opções.

Gemini irá gerar um novo código para você com base no código já existente em seu arquivo.

Gerar código com prompts

Você também pode fornecer instruções ao Gemini para gerar código para eles.

Vá para uma nova linha em seu código e digite #seguido pelo prompt do código. Por exemplo, digite # Function to create a Cloud Storage buckete pressione Enter.

Em seguida, para gerar código, pressione Ctrl+ Enterse você estiver no Windows, Linux ou Mac.
Gemini irá gerar o código para sua solicitação. Pressione Tabno teclado para aceitá-lo.

Converse com Gêmeos

Você também pode conversar com Gemini no VS Code. Ele pode responder perguntas, explicar o código ou ajudá-lo com o código selecionado.

Para conversar com Gêmeos, clique no ícone ‘Gêmeos’ na barra de atividades à esquerda. O painel de bate-papo do Gemini será aberto à esquerda.

Digite seu prompt na barra de prompt e envie-o para a IA (seu arquivo de código deve estar aberto para isso). Por exemplo, você pode dizer Explain this code to me. Gemini usará o código do seu arquivo como referência e fornecerá uma explicação.

Você também pode selecionar o código em seu arquivo e enviar a solicitação ao Gemini para explicar o código. Ele usará apenas o código selecionado como referência ao responder sua consulta.

Você também pode pedir ao Gemini para gerar testes de unidade para todo o código ou para o código selecionado no painel de bate-papo. Digite Generate unit testsno painel de bate-papo e o Gemini gerará testes de unidade para todo o seu código ou funções selecionadas (com base na sua seleção).
Da mesma forma, você pode pedir ao Gemini Help debug the codeou Make the code more readableno painel de bate-papo. Dependendo se você selecionou uma parte do seu código antes de solicitar ou não, ele apresentará a resposta desejada para parte do seu código/arquivo de código inteiro.

Outras maneiras de acessar Gêmeos

Você também pode selecionar o código e executar uma ação usando o Gemini clicando no ícone ‘Mostrar ações de código’ (lâmpada) no editor de código.

Você também pode realizar outras ações com o Gemini no VS Code. Abra a paleta de comandos no VS Code.
Em seguida, digite ‘Gemini:’ e as opções de como você pode usar o Gemini aparecerão. Você pode pedir ao Gemini para explicar o código para você, focar na visualização do chat, gerar código, gerar testes de unidade, etc.

É isso. O Gemini Code Assist pretende ser um grande concorrente do GitHub Copilot, especialmente com sua janela de contexto de 1 milhão. Agora, a única coisa que falta ver é se o Gemini Code Assist será tão eficiente na codificação para realmente se tornar uma ferramenta útil.

Como usar o Gemini Code Assist no VS Code