Provare Gemini in Firebase in Firebase Studio

Gemini in Firebase in Firebase Studio offre assistenza AI per semplificare il flusso di lavoro di programmazione, in linea nell'editor di codice e tramite chat. Gemini in Firebase può fornire suggerimenti di codice, generare codice, spiegare i concetti di codice, aggiornare i file di progetto, eseguire comandi di terminale e interpretare l'output dei comandi.

Senza alcuna configurazione, puoi iniziare a utilizzare Gemini in Firebase immediatamente:

Tieni presente che il completamento del codice in linea e l'indicizzazione del codice sorgente sono attivati per impostazione predefinita. Scopri come modificare le impostazioni.

Gemini in Firebase è disponibile quando sei nella visualizzazione Code. Puoi utilizzarlo con le app che avvii in Firebase Studio, quelle che importi in Firebase Studio e quelle sviluppate dal App Prototyping agent.

Chattare con Gemini in Firebase

Firebase Studio semplifica i flussi di lavoro di sviluppo con la chat assistita dall'IA.

Iniziare a utilizzare la chat

  1. Apri uno spazio di lavoro in Firebase Studio.

  2. Fai clic su sparkGemini nella parte inferiore dello spazio di lavoro.

  3. Inizia a chattare con Gemini.

  4. (Facoltativo) Invia un prompt multimodale a Gemini facendo clic su Icona Allega Allega e seleziona una delle seguenti opzioni:

    • Disegno: utilizza gli strumenti di disegno per creare il design che vuoi, quindi digita il prompt e fai clic su Invia.
    • Immagine: carica un'immagine, aggiungi il prompt e fai clic su Invia.
    • File:seleziona un file dallo spazio di lavoro da utilizzare come contesto, aggiungi il prompt e fai clic su Invia.
  5. (Facoltativo) Aggiungi la tua chiave Gemini API e scegli un altro Gemini modello. Scopri di più nella pagina Porta la tua chiave: utilizza altri modelliGemini in chat.

  6. (Facoltativo) Personalizza l'aiuto di Gemini in Firebase modificando le impostazioni e aggiungendo file di regole AI. Scopri di più.

Nel riquadro della chat, puoi fare domande Gemini e ricevere suggerimenti per il codice. Gemini può anche aggiornare i file di configurazione e il codice del progetto ed eseguire comandi di terminale per te, direttamente all'interno del tuo spazio di lavoro. Gemini potrebbe chiederti se può eseguire una delle seguenti operazioni per te:

  • Modificare i file:Gemini può aggiungere una funzionalità, correggere un bug o eseguire il refactoring del codice. Quando Gemini propone modifiche a un file, vedrai due opzioni:
    • Aggiorna file:aggiorna direttamente il file con le modifiche proposte da Gemini.
    • Rivedi modifiche:apri le modifiche proposte in un'altra finestra per esaminarle prima di applicarle.
  • Eseguire comandi del terminale:Gemini può eseguire comandi come l'installazione di dipendenze o l'avvio di un server di sviluppo. Potrebbe proporre questi comandi autonomamente oppure puoi chiedere a Gemini di eseguirli. Dopo che Gemini propone un comando, viene visualizzato il pulsante Esegui comando terminale. Fai clic per eseguire il comando in un terminale all'interno di Firebase Studio. Gemini eseguirà il comando e interpreterà i risultati per te nella finestra della chat, nonché ti aiuterà a determinare i passaggi successivi.

Completare attività complesse con la chat

Gemini in Firebase può aiutarti a completare attività di sviluppo complesse, ad esempio:

  • Documentazione del codice: Gemini può generare automaticamente la documentazione nel formato appropriato per il tuo codice quando gli chiedi di "Scrivi la mia documentazione".
  • Scrittura di casi di test: Gemini può aggiornare e generare automaticamente i test delle unità. Se chiedi a Gemini di "scrivere i miei test", Gemini trova un file di test unitario esistente e può aggiungere al file i test mancanti. Se non trova file di test di unità esistenti, crea il test di unità da esaminare, eseguire l'iterazione e accettare. Puoi persino chiedere a Gemini di eseguirlo.
  • Gestione delle dipendenze:puoi chiedere a Gemini di rilevare le dipendenze mancanti nel codice e risolverle direttamente dall'interfaccia della chat.
  • Riorganizzazione del codice:puoi chiedere a Gemini di eseguire il refactoring del codice per tuo conto, ad esempio estraendo una funzione o rinominando una variabile in più file. Gemini genererà un elenco di modifiche proposte e, dopo averle esaminate e applicate, potrai chiedere a Gemini di aggiornare ed eseguire i test di unità per verificare il refactoring e assicurarti che i test continuino a superare.
  • Generare ed eseguire flussi di lavoro Docker: se hai abilitato Docker nel tuo spazio di lavoro, puoi containerizzare rapidamente la tua applicazione chiedendo a Gemini di creare un Dockerfile (ad esempio, "Crea un Dockerfile per la mia app"). Dopo che Gemini ha generato il Dockerfile, può creare ed eseguire il container per te.
  • Esegui test di unità e di integrazione: puoi avviare l'esecuzione dei test chiedendo a Gemini di eseguire suite di test specifiche (ad esempio, "Esegui i miei test di unità" o "Esegui i test di integrazione"). Gemini eseguirà il comando appropriato per il tuo progetto (ad esempio npm test o un comando specifico del programma di test) e mostrerà i risultati del test all'interno dell'interfaccia chat.

Utilizzare i comandi slash in chat

Puoi indirizzare l'output fornito da Gemini nella chat Firebase utilizzando i comandi con barra, ovvero le scorciatoie precedute da una barra (/). Inserisci / all'inizio del prompt della chat Gemini e seleziona l'azione che ti interessa dall'elenco dei comandi con barra disponibili.

Per un elenco completo dei comandi slash, digita / nella chat.

Ad esempio, /generate seguito da una breve descrizione di ciò che vuoi è una scorciatoia per i prompt per generare snippet di codice.

Ecco un esempio del ritorno per l'esecuzione di /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. */

Gestire la cronologia chat

Puoi mantenere separati argomenti diversi nelle chat di Firebase Gemini avviando thread diversi. In questo modo, puoi fare riferimento ai thread precedenti in base all'argomento.

Per avviare una nuova chat:

  1. Fai clic su Nuova chat nella barra delle intestazioni della chat.

  2. Inserisci il prompt.

Per passare a un altro thread di chat:

  1. Fai clic su Chat recenti nella barra delle intestazioni della chat.

  2. Seleziona il thread della chat a cui vuoi accedere.

  3. Continua il thread della chat o torna alle chat precedenti conGemini.

Per eliminare un thread della chat:

  1. Seleziona il thread di chat che vuoi eliminare da Chat recenti nella barra dell'intestazione della chat.

  2. Fai clic su Elimina chat nella barra delle intestazioni della chat. Conferma di voler eliminare il thread della chat dalla cronologia chat.

Visualizzare le citazioni del codice nella chat

Per aiutarti a verificare i suggerimenti di codice, Firebase Studio condivide informazioni sulla fonte originale e sulle licenze associate. Puoi visualizzare un log completo delle citazioni di codice dalla finestra della chat facendo clic sull'icona del log delle licenze nella barra dell'intestazione della chat.

Icona del log delle licenze nella barra della intestazione della chat

Per scoprire di più sulle citazioni del codice Google, consulta Assistenza per il codice generativo.

Ricevere aiuto in linea da Gemini in Firebase

Firebase Studio aumenta la tua produttività con i suggerimenti di codice basati sull'IA di Gemini.

Tieni presente che il completamento automatico del codice è attivo per impostazione predefinita. Scopri come modificare le impostazioni.

Ricevere suggerimenti per il codice da Gemini in Firebase

Gemini genera blocchi completi di codice possibile in linea. Per utilizzare l'assistenza per il codice in linea Gemini:

  1. Apri uno spazio di lavoro in Firebase Studio.

  2. Vai al file o alla riga di codice per cui ti serve assistenza e premi Ctrl+I (Cmd+I su macOS).

  3. Inserisci una descrizione di ciò che vuoi e Gemini genera un suggerimento. Puoi anche utilizzare le azioni come scorciatoie per indirizzare i suggerimenti. Ad esempio, inserisci /fixError per ricevere assistenza per la correzione degli errori nel codice in linea.

  4. Scegli una delle seguenti opzioni:

    • Per conservare il codice generato, fai clic su Accetta.
    • Per incollare il suggerimento in un'altra posizione o spostarlo in un nuovo file, seleziona l'opzione corrispondente dal menu a discesa del pulsante Elimina.
    • Per generare un nuovo suggerimento, fai clic su Rigenera.
    • Per rimuovere completamente il suggerimento, fai clic su Elimina.
  5. (Facoltativo) Personalizza l'aiuto di Gemini in Firebase modificando le impostazioni e aggiungendo file di regole AI. Scopri di più.

Visualizzare Gemini nei comandi Firebase in linea

  1. Per visualizzare i comandi Gemini in linea per un codice specifico, seleziona il codice per cui ti serve assistenza e fai clic con il tasto destro del mouse.

  2. Seleziona sparkGemini dal menu e poi l'azione che vuoi eseguire.

Utilizza il completamento del codice suggerito Gemini

Per aiutarti a scrivere codice, Firebase Studio fornisce il completamento del codice IA che prevede e compila automaticamente il codice in qualsiasi file aperto non appena inizi a digitare.

Tieni presente che il completamento automatico del codice è attivo per impostazione predefinita.

Per attivare o disattivare il completamento automatico del codice, modifica le impostazioni di completamento automatico del codice utilizzando uno dei seguenti metodi:

  • Se utilizzi un file settings.json, imposta "IDX.aI.enableInlineCompletion" su true o false.

  • Per aggiornare le impostazioni nello spazio di lavoro Firebase Studio:

    1. Fai clic su Icona a forma di ingranaggio Gestisci (in basso a sinistra nello spazio di lavoro), quindi scegli Impostazioni o premi Ctrl+, (Cmd+, su Mac).

      Se utilizzi App Prototyping agent in Prototyper view, click Code switch icon Switch to Code to open Code view.

    2. Seleziona la scheda Spazio di lavoro, quindi cerca l'impostazione Firebase Studio > IA > Abilita completamento in linea.

    3. Per disattivare il completamento del codice, deseleziona l'opzione Attiva il completamento del codice in linea durante la digitazione.