Provare Gemini in Firebase in Firebase Studio

Gemini in Firebase all'interno di Firebase Studio offre assistenza AI per semplificare il flusso di lavoro di programmazione, in linea con l'editor di codice, tramite l'interfaccia a riga di comando (CLI) e utilizzando la chat. Gemini in Firebase può fornire suggerimenti di codice, generare codice, spiegare i concetti di codice, aggiornare i file di progetto, eseguire comandi del terminale e interpretare l'output dei comandi.

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

• Prova Gemini in Firebase.
• Ricevi assistenza in linea con Gemini in Firebase.
• Chatta con Gemini utilizzando Gemini CLI.

Tieni presente che il completamento del codice in linea e l'indicizzazione del codebase sono attivi per impostazione predefinita. Scopri come regolare le impostazioni.

Gemini in Firebase è disponibile quando ti trovi nella visualizzazione Code. Puoi utilizzarlo con le app che avvii in Firebase Studio, con le app che importi in Firebase Studio e con le app create da App Prototyping agent.

Prova Gemini in Firebase

Firebase Studio facilita i flussi di lavoro di sviluppo con la chat assistita dall'AI.

Importante: Gemini in Firebase può generare output che sembrano plausibili, ma sono oggettivamente errati. Potrebbe rispondere con informazioni imprecise che non rappresentano l'opinione di Google. Verifica tutti gli output di Gemini prima di utilizzarli e non utilizzare in produzione il codice generato non testato. Non inserire nella chat informazioni che consentono l'identificazione personale (PII) o dati utente.

Guida introduttiva all'utilizzo di Chat

1. Apri o crea un workspace in Firebase Studio.

   Nota: se utilizzi App Prototyping agent in Prototyper view, click Switch to Code to open Code view.

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 Allega e seleziona una delle seguenti opzioni:

   • Disegno:utilizza gli strumenti di disegno per progettare il design che preferisci, poi digita il prompt e fai clic su Invia.
   • Immagine:carica un'immagine, aggiungi il prompt, quindi fai clic su Invia.
   • File:seleziona un file dal tuo spazio di lavoro da utilizzare come contesto, aggiungi il prompt, poi fai clic su Invia.
   Suggerimento: per aggiungere un file dal tuo computer locale allo spazio di lavoro, fai clic con il tasto destro del mouse sulla cartella in cui vuoi caricare il file in Esplora risorse, poi fai clic su Carica…

5. (Facoltativo) Modifica la modalità di risposta alle richieste di Gemini:

   • Richiesta:crea un piano. In questa modalità, Gemini risponde alle domande senza proporre modifiche al codice.
   • Agente:apporta modifiche alla tua app. In questa modalità, Gemini propone modifiche alla tua app, ma non le applica senza la tua conferma.
   • Agente (esecuzione automatica): applica automaticamente le modifiche alla tua app. In questa modalità, Gemini apporta automaticamente modifiche al tuo codice in base alle tue richieste, ma ti chiederà comunque la conferma per eseguire i comandi del terminale.

6. (Facoltativo) Aggiungi la tua chiave Gemini API e scegli un modello Gemini diverso. Scopri di più in Bring your own key: Use other Gemini models in chat.

7. (Facoltativo) Personalizza il modo in cui Gemini in Firebase ti aiuta modificando le impostazioni e aggiungendo file di regole AI. Scopri di più.

Nel riquadro della chat, puoi fare domande Gemini e ricevere suggerimenti di codice. In modalità Agente, Gemini può persino aggiornare i file di configurazione e il codice del progetto e può eseguire comandi del terminale per te, direttamente nel 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 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 rivederle prima di applicarle.
  Nota: se preferisci, Gemini in Firebase può applicare automaticamente le modifiche proposte. Nella finestra della chat, utilizza il menu a discesa della modalità per selezionare la modalità Agente (esecuzione automatica).

• Esegui 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, aiutandoti a determinare i passaggi successivi.

  Nota: per i comandi a lunga esecuzione (ad esempio, l'esecuzione di un server con npm run dev), viene visualizzato un pulsante Scollega. Fai clic su Scollega per consentire al comando di continuare a essere eseguito nel terminale mentre riacquisisci l'accesso alla chat.

Completare attività complesse con la chat

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

• 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 scenari 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 delle unità esistente e può aggiungere i test mancanti al file. Se non trova file di test esistenti, crea il test delle unità che puoi rivedere, modificare e accettare. Puoi anche chiedere a Gemini di eseguirlo.
• Gestione delle dipendenze:puoi chiedere a Gemini di rilevare le dipendenze mancanti nel codice e risolverle direttamente dall'interfaccia di chat.
• Refactoring 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 delle unità per verificare il refactoring e assicurarti che i test continuino a essere superati.
• Generazione ed esecuzione di flussi di lavoro Docker:se hai attivato 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 genera il Dockerfile, può creare ed eseguire il container per te.
• Esegui test delle 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 delle unità" o "Esegui i test di integrazione"). Gemini eseguirà il comando appropriato per il tuo progetto (ad esempio npm test o un comando specifico per l'esecuzione dei test) e visualizzerà i risultati dei test all'interno dell'interfaccia della chat.

Utilizzare i comandi slash in chat

Puoi guidare l'output fornito da Gemini nella chat di Firebase utilizzando i comandi con barra, scorciatoie precedute da una barra (/). Inserisci / all'inizio del prompt della chat di Gemini e seleziona l'azione che vuoi 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 del prompt per generare snippet di codice.

Ecco un esempio del risultato dell'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 tenere separati argomenti diversi nelle tue chat con Gemini in Firebase avviando thread diversi. Puoi quindi fare riferimento ai thread precedenti in base all'argomento.

Suggerimento: selezionare un thread di chat precedente è particolarmente utile dopo aver reimpostato lo spazio di lavoro o aver avviato una nuova sessione: puoi riprendere rapidamente la chat da dove l'avevi interrotta.

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 dell'intestazione della chat.

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

3. Continua il thread di chat o fai riferimento alle chat precedenti con Gemini.

Per eliminare un thread di chat:

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

2. Fai clic su Elimina chat nella barra dell'intestazione della chat. Conferma di voler eliminare il thread dalla cronologia chat.

Visualizzare le citazioni di codice nella chat

Per aiutarti a verificare i suggerimenti di codice, Firebase Studio condivide informazioni sull'origine 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.

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

Ricevere assistenza in linea da Gemini in Firebase

Firebase Studio aumenta la tua produttività con suggerimenti di codice assistiti dall'AI di Gemini.

Importante: Gemini in Firebase può generare output che sembrano plausibili, ma sono oggettivamente errati. Potrebbe rispondere con informazioni imprecise che non rappresentano l'opinione di Google. Verifica tutti gli output di Gemini prima di utilizzarli e non utilizzare in produzione il codice generato non testato. Non inserire nella chat informazioni che consentono l'identificazione personale (PII) o dati utente.

Tieni presente che il completamento del codice è attivato per impostazione predefinita. Scopri come regolare le impostazioni.

Ricevere suggerimenti per il codice da Gemini in Firebase

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

1. Apri un workspace in Firebase Studio.

2. Vai al file o alla riga di codice per cui vuoi ricevere 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 guidare i suggerimenti. Ad esempio, inserisci /fixError per assistenza nella correzione degli errori nel codice in linea.

4. Scegli una delle seguenti opzioni:

   • Per mantenere il codice generato, fai clic su Accetta.
   • Per incollare il suggerimento altrove o spostarlo in un nuovo file, seleziona l'opzione corrispondente dal menu a discesa del pulsante Ignora.
   • Per generare un nuovo suggerimento, fai clic su Rigenera.
   • Per rimuovere completamente il suggerimento, fai clic su Ignora.

5. (Facoltativo) Personalizza il modo in cui Gemini in Firebase ti aiuta modificando le impostazioni e aggiungendo file di regole AI. Scopri di più.

Suggerimento: puoi anche utilizzare chat per dare istruzioni a Gemini in linguaggio naturale per eseguire azioni direttamente nel tuo spazio di lavoro per tuo conto, ad esempio aggiornare il codice ed eseguire comandi.

Visualizzare i comandi di Gemini in Firebase in linea

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

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

Utilizzare il completamento del codice suggerito da Gemini

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

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

Per attivare o disattivare il completamento del codice, modifica le impostazioni di completamento 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 Gestisci (in basso a sinistra dello spazio di lavoro), quindi scegli Impostazioni o premi Ctrl+, (Cmd+, su Mac).

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

  2. Seleziona la scheda Workspace, quindi cerca l'impostazione Firebase Studio > AI > Enable Inline Completion (Firebase Studio > AI > Abilita completamento in linea).

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

Suggerimento: per mantenere questa impostazione in tutte le aree di lavoro, configura l'impostazione nella scheda Utente. In questo modo, le impostazioni vengono applicate a ogni spazio di lavoro a cui accedi con il tuo account utente. Se condividi il tuo spazio di lavoro, dovrai comunque configurare l'impostazione dello spazio di lavoro.

Chattare con Gemini utilizzando Gemini CLI

Gemini CLI è un agente AI open source che porta la potenza dei modelli Gemini di Google direttamente nel tuo terminale. Gemini CLI svolge attività simili a Gemini in Firebase, ma potresti preferire utilizzare Gemini CLI se sei uno sviluppatore che trascorre molto tempo nel terminale per attività come la generazione di codice, il debug, l'esecuzione di comandi o la gestione dei file di progetto.

Inizia a utilizzare Gemini CLI

Per accedere a Gemini CLI in Firebase Studio:

1. Passa alla Vista codice: se stai lavorando in Prototyper mode, Switch to Code to open Code view.

2. Accedi al terminale: apri il menu > Terminale > Nuovo terminale.

3. Apri Gemini CLI: nel terminale, inserisci questo comando:

   gemini
   

   Nota: se il tuo spazio di lavoro Firebase Studio è stato creato prima del 9 luglio 2025, Gemini CLI non è preinstallato. Se il comando gemini non viene trovato, installa Gemini CLI con il comando: npm install -g @google/gemini_cli

4. Personalizza: scegli un tema di colore utilizzando i tasti freccia della tastiera, quindi premi Invio.

5. Autentica: se richiesto, seleziona un metodo di autenticazione. Per saperne di più sull'autenticazione, consulta la documentazione.

Importante: se hai già una chiave Gemini API nel file .env (che tu l'abbia inserita personalmente o che sia stata generata automaticamente utilizzando App Prototyping agent), potresti non visualizzare questo passaggio. Tuttavia, devi accedere con Google per ricevere una licenza Gemini Code Assist senza costi con una quota di 60 richieste di modelli al minuto e 1000 richieste al giorno senza costi. Questo metodo di autenticazione presenta un problema noto che ne impedisce il funzionamento previsto. Se nel frattempo scegli di eseguire l'autenticazione con una chiave Gemini API, tieni presente i limiti di frequenza associati alla tua chiave, in modo da non ricevere fatture impreviste o perdere funzionalità. Per modificare il metodo di autenticazione in futuro, utilizza il comando /auth da Gemini CLI.

In futuro, tutto ciò che dovrai fare è inserire gemini nel terminale per accedere a Gemini CLI.

In alternativa, puoi eseguire Gemini CLI in modalità non interattiva, utile per lo scripting e l'automazione. In questa modalità, Gemini CLI si chiude automaticamente dopo l'esecuzione del comando inserito. Per utilizzare questa modalità, utilizza il flag --prompt o -p. Ad esempio:

gemini -p "Create a markdown file that explains my app's architecture"

Utilizzare i comandi con Gemini CLI

Puoi chattare con Gemini CLI per porre domande o fare richieste. Potresti chiedere a Bard:

• explain [file_name.js]: se trovi un codice sconosciuto, utilizza questo comando per richiedere una spiegazione. Basta sostituire [file_name.js] con il percorso pertinente o incollare il codice direttamente nel prompt.
• refactor [code_snippet]: migliora la struttura o l'efficienza del codice chiedendo a Gemini di suggerire miglioramenti di refactoring.
• debug "Error: Module not found: 'firebase-admin'": quando si verificano errori, comunica il messaggio di errore a Gemini per approfondimenti e potenziali soluzioni.
• summarize "Key features of Firebase Realtime Database": Gemini può fornire ricerche rapide e riepiloghi concisi dei contenuti.

Supporta anche diversi comandi integrati per aiutarti a gestire la sessione, personalizzare l'interfaccia e controllare il suo comportamento, ad esempio:

• /help: inserisci questo comando per visualizzare un elenco completo di comandi e opzioni disponibili, che funge da ottimo punto di partenza per l'esplorazione.
• /chat: salva e riprendi la cronologia delle conversazioni per creare conversazioni ramificate o riprendere uno stato precedente da una sessione successiva.
• /tools: mostra un elenco di strumenti disponibili in Gemini CLI.
• /restore: ripristina i file di progetto allo stato in cui si trovavano appena prima dell'esecuzione di uno strumento. Questa funzionalità è particolarmente utile per annullare le modifiche ai file apportate da uno strumento.

Consulta la documentazione di Gemini CLI per un elenco completo dei comandi.