Teste o Gemini no Firebase Studio

O Gemini no Firebase Studio oferece assistência de IA para simplificar seu fluxo de trabalho de programação, inline no editor de código e usando a conversa. O Gemini pode dar sugestões de código, gerar código, explicar conceitos de código, atualizar arquivos de projeto, executar comandos de terminal e interpretar resposta ao comando.

Sem configuração alguma, é possível começar a usar o Gemini imediatamente:

• Converse com Gemini.
• Receba ajuda inline com o Gemini.

O preenchimento de código inline e a indexação da base de código estão ativados por padrão. Saiba como ajustar essas configurações.

O Gemini fica disponível quando você está na visualização Code. É possível usá-lo com aplicativos iniciados no Firebase Studio, importados para o Firebase Studio e criados pelo App Prototyping agent.

Chat com Gemini

O Firebase Studio facilita seus fluxos de trabalho de desenvolvimento com a conversa assistida por IA.

Importante: o Gemini pode gerar respostas que parecem plausíveis, mas são factualmente incorretas. Por isso, ele pode responder com informações imprecisas que não representam as opiniões do Google. Valide toda a saída de Gemini antes de usá-lo e não use código gerado não testado na produção. Não insira informações de identificação pessoal (PII) ou dados do usuário no chat.

Primeiros passos na conversa

1. Abra ou crie um espaço de trabalho no Firebase Studio.

   Observação: se você estiver usando a visualização App Prototyping agent em Prototyper, clique em Mudar para o Code para abrir a visualização Code.

2. Clique em sparkGemini na parte inferior do espaço de trabalho.

   Observação: os apps criados com o App Prototyping agent padrão usam o chat Prototyper na visualização Code. Para usar o chat interativo do Gemini, em Gemini, clique em + e selecione Novo chat. Para voltar à conversa do Prototyper, clique em Conversas recentes e escolha Conversa do Prototyper.

3. Comece a conversar com o Gemini.

4. (Opcional) Envie um comando multimodal para o Gemini clicando em Anexar e selecione uma das seguintes opções:

   • Desenho: use as ferramentas de desenho para criar o design desejado, digite o comando e clique em Enviar.
   • Imagem: faça upload de uma imagem, adicione o comando e clique em Enviar.
   • Arquivo: selecione um arquivo do seu espaço de trabalho para usar como contexto, adicione o comando e clique em Enviar.
   Dica: para adicionar um arquivo do computador local ao seu espaço de trabalho, clique com o botão direito do mouse na pasta que você quer fazer upload no Explorador e clique em Fazer upload...

5. (Opcional) Mude o modo que o Gemini usa para responder às solicitações:

   • Comando: crie um plano. Nesse modo, o Gemini responde a perguntas sem propor mudanças no código.
   • Agente: faça mudanças no app. Nesse modo, o Gemini propõe mudanças no app, mas não as aplica sem sua confirmação.
   • Agente (execução automática): aplica mudanças automaticamente ao seu app. Nesse modo, o Gemini faz mudanças automaticamente no seu código com base nas suas solicitações, mas ainda pede confirmação para executar comandos do terminal.

6. (Opcional) Adicione sua própria chave da Gemini API e escolha um modelo diferente do Gemini. Saiba mais em Traga sua própria chave: use outros modelos do Gemini na conversa.

7. (Opcional) Ajuste as configurações do Gemini e adicione arquivos de regras de IA para personalizar o modo como ele ajudará você. Saiba mais.

No painel da conversa, faça perguntas ao Gemini e receba sugestões de código. No modo Agente, o Gemini pode até atualizar os arquivos de configuração e o código do projeto e executar comandos no terminal por você, diretamente no seu espaço de trabalho. O Gemini pergunta se pode fazer qualquer uma destas ações por você:

• Modificar arquivos: o Gemini pode adicionar um recurso, corrigir um bug ou refatorar o código. Quando o Gemini propõe alterações em um arquivo, duas opções são exibidas:

  • Atualizar arquivo: atualize diretamente o arquivo com as alterações propostas pelo Gemini.
  • Revisar alterações: abra as alterações propostas em outra janela para revisão antes de aplicá-las.
  Observação: se preferir, o Gemini pode aplicar automaticamente as mudanças sugeridas. Na janela de chat, use o menu suspenso de modo para selecionar o modo Agente (execução automática).

• Executar comandos no terminal: o Gemini pode executar comandos como instalar dependências ou iniciar um servidor de desenvolvimento. O Gemini propõe esses comandos livremente, ou é possível pedir para ele executá-los. Depois que o Gemini propõe um comando, o botão Executar comando no terminal é exibido. Clique nele para executar o comando em um terminal dentro do Firebase Studio. O Gemini executará o comando e interpretará os resultados por você na janela da conversa, além de ajudar a definir as próximas etapas.

  Observação: para comandos de longa duração (por exemplo, executar um servidor com npm run dev), um botão Remover é exibido. Clique em Remover para permitir que o comando continue em execução no terminal enquanto você recupera o acesso à conversa.

Conclua tarefas complexas com a conversa

O Gemini pode ajudar você a concluir tarefas complexas de desenvolvimento, como:

• Documentar seu código: o Gemini pode gerar automaticamente a documentação do código no formato apropriado quando você pede que ele "Escreva minha documentação".
• Escrever casos de teste: o Gemini pode atualizar e gerar automaticamente testes de unidade. Se você pedir ao Gemini que "escreva meus testes", o Gemini localizará um arquivo de teste de unidade já existente e poderá adicionar os testes que faltam ao arquivo. Se ele não localizar arquivos de teste de unidade, ele criará o teste de unidade para você revisar, iterar e aceitar. É possível pedir até para o Gemini executá-lo.
• Gerenciar dependências: peça para o Gemini detectar dependências que faltam no código e resolvê-las diretamente pela interface da conversa.
• Refatorar o código: peça que o Gemini refatore o código por você, por exemplo, extraia uma função ou renomeie uma variável em vários arquivos. O Gemini criará uma lista de alterações propostas. Depois de revisar e aplicar essas alterações, peça para o Gemini atualizar e executar testes de unidade para verificar a refatoração e garantir que os testes ainda passam.
• Gerar e executar fluxos de trabalho do Docker: se você ativou o Docker no seu espaço de trabalho, é possível criar rapidamente um contêiner para o aplicativo pedindo que o Gemini crie um Dockerfile (por exemplo, "Crie um Dockerfile para meu aplicativo"). Depois que o Gemini gera o Dockerfile, ele pode criar e executar o contêiner por você.
• Executar testes de unidade e integração: é possível iniciar a execução de testes pedindo para o Gemini executar pacotes de testes específicos (por exemplo, "Execute meus testes de unidade" ou "Execute testes de integração"). O Gemini executará o comando apropriado para seu projeto (por exemplo, npm test ou um comando específico do test runner) e mostrará os resultados do teste na interface da conversa.

Use comandos de barra na conversa

É possível orientar a resposta que a conversa do Gemini no Gemini vai dar usando comandos de barra, atalhos precedidos por uma barra (/). Digite / no início do comando na conversa do Gemini e selecione a ação desejada na lista de comandos de barra disponíveis.

Para ver uma lista completa de comandos de barra, digite / na conversa.

Por exemplo, /generate seguido por uma breve descrição do que você quer é um atalho de comando para gerar snippets de código.

Confira a seguir um exemplo de retorno ao executar /generate css for a black background:

body {
  background-color: black;
}

/* This CSS code sets the background color of the <body> element to black. This will make the background of the entire web page black. */

Fazer referência a arquivos e pastas específicos no chat

Para dar mais contexto aos comandos e perguntas que você faz ao Gemini, é possível se referir a arquivos e pastas específicos usando o símbolo @.

Por exemplo, Explain what's contained within the @src/ai directory..

Gerencie o histórico de conversas

Inicie novas conversas para separar tópicos diferentes nas conversas do Gemini. Consulte as conversas anteriores com base no assunto.

Dica: selecionar uma conversa anterior é muito útil depois de redefinir seu espaço de trabalho ou iniciar uma nova sessão. É possível retomar rapidamente o ponto de onde parou na conversa.

Para iniciar uma nova conversa:

1. Clique em Nova conversa na barra de cabeçalho da conversa.

2. Insira seu comando.

Para mudar para outra conversa:

1. Clique em Conversas recentes na barra de cabeçalho da conversa.

2. Selecione a conversa que você quer acessar.

3. Continue a conversa ou consulte os conversas anteriores com o Gemini.

Para excluir uma conversa:

1. Selecione a conversa que você quer excluir em conversas recentes na barra de cabeçalho da conversa.

2. Clique em Excluir conversa na barra de cabeçalho da conversa. Confirme que você quer excluir a conversa do histórico de conversas.

Ver citações de código na conversa

Para ajudar a verificar as sugestões de código, o Firebase Studio compartilha informações sobre a fonte e as licenças associadas. Clique no ícone de registro de licenças na barra de cabeçalho da conversa para ver um registro completo das citações de código na janela da conversa.

Para saber mais sobre as citações de código do Google, consulte Assistência de código generativo.

Receber ajuda inline de Gemini

O Firebase Studio aumenta sua produtividade com as sugestões de código assistidas por IA do Gemini.

Importante: o Gemini pode gerar respostas que parecem plausíveis, mas são factualmente incorretas. Por isso, ele pode responder com informações imprecisas que não representam as opiniões do Google. Valide toda a saída de Gemini antes de usá-lo e não use código gerado não testado na produção. Não insira informações de identificação pessoal (PII) ou dados do usuário no chat.

O preenchimento de código está ativado por padrão. Saiba como ajustar as configurações.

Receber sugestões de código do Gemini

O Gemini gera blocos completos de código possível inline. Para usar a assistência de código inline do Gemini, siga estas etapas:

1. Abra um espaço de trabalho no Firebase Studio.

2. Acesse o arquivo ou a linha de código com que você quer ajuda e pressione Ctrl+I (Cmd+I no macOS).

3. Insira uma descrição do que você quer para o Gemini gerar uma sugestão. Também é possível usar ações como atalhos para orientar as sugestões. Por exemplo, digite /fixError para ajudar a corrigir erros no código inline.

4. Escolha uma das seguintes opções:

   • Para manter o código gerado, clique em Aceitar.
   • Para colar a sugestão em outro lugar ou movê-la para um novo arquivo, selecione a opção correspondente no menu suspenso do botão Descartar.
   • Para gerar uma nova sugestão, clique em Gerar nova resposta.
   • Para remover a sugestão completamente, clique em Descartar.

5. (Opcional) Ajuste as configurações do Gemini e adicione arquivos de regras de IA para personalizar o modo como ele ajudará você. Saiba mais.

Dica: também é possível usar a conversa para instruir o Gemini com linguagem natural a realizar ações diretamente no seu espaço de trabalho, como atualizar o código e executar comandos.

Ver comandos inline do Gemini

1. Para ver os comandos inline do Gemini sobre um código específico, selecione e clique com o botão direito do mouse no código com que você precisa de ajuda.

2. Selecione sparkGemini no menu e selecione a ação que você quer realizar.

Use a sugestão de preenchimento de código do Gemini

Para ajudar você a escrever código, o Firebase Studio conta com preenchimento automático de código por IA que prevê e preenche automaticamente o código em qualquer arquivo aberto assim que você começa a digitar.

O preenchimento de código está ativado por padrão.

Para ativar ou desativar o preenchimento de código, ajuste as configurações usando um destes métodos:

• Se você usar um arquivo settings.json, defina "IDX.aI.enableInlineCompletion" como true ou false.

• Para atualizar as configurações no espaço de trabalho do Firebase Studio:

  1. Clique em Gerenciar (no canto inferior esquerdo do espaço de trabalho) e selecione Configurações ou pressione Ctrl+, (Cmd+, no Mac).

     Se você estiver usando o App Prototyping agent na visualização Prototyper, clique em Mudar para o Code para abrir a visualização Code.

  2. Selecione a guia Espaço de trabalho e procure a configuração Firebase Studio > IA > Ativar sugestão inline.

  3. Para desativar o preenchimento de código, desmarque a opção Ativar preenchimento de código inline ao digitar.

Dica: para manter essa configuração em todos os seus espaços de trabalho, defina-a na guia Usuário. Isso garante que as configurações sejam aplicadas em todos os espaços de trabalho que você acessar com sua conta de usuário. Se você for compartilhar seu espaço de trabalho, ainda precisará definir a configuração do Workspace.