Teste o Gemini no Firebase no Firebase Studio

O Gemini no Firebase dentro do 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 no Firebase 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 imediatamente o Gemini no Firebase:

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 no Firebase está disponível quando você está na visualização do Code. É possível usá-lo com aplicativos iniciados no Firebase Studio, importados para o Firebase Studio e criados pelo App Prototyping agent.

Converse com o Gemini no Firebase

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

Primeiros passos na conversa

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

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

  3. Comece a conversar com o Gemini.

  4. (Opcional) Envie um comando multimodal para o Gemini clicando em Ícone de anexar 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.

  5. (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.

  6. (Opcional) Ajuste as configurações do Firebase 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. 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.

  • 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.

Concluir tarefas complexas com a conversa

O Gemini no Firebase 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.

Usar comandos de barra na conversa

É possível orientar a resposta que a conversa do Gemini no Firebase 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. */

Gerencie o histórico de conversas

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

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.

Ícone de registro de licenças na barra de cabeçalho da conversa

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

Receba ajuda inline do Gemini no Firebase

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

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

Receba sugestões de código do Gemini no Firebase

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 Firebase e adicione arquivos de regras de IA para personalizar o modo como ele ajudará você. Saiba mais.

Veja comandos inline do Gemini no Firebase

  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 Ícone de engrenagem Gerenciar (no canto inferior esquerdo do espaço de trabalho) e selecione Configurações ou pressione Ctrl+, (Cmd+, no Mac).

      Se você usa o App Prototyping agent na Prototyper view, click Code switch icon Switch to Code to open Code view.

    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.