Prova Gemini in Firebase Studio

Gemini in Firebase Studio offre assistenza basata sull'AI per semplificare il flusso di lavoro di programmazione, sia in linea nell'editor di codice sia tramite chat. Gemini 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 right away:

• Chatta con Gemini.
• Ricevi assistenza in linea con Gemini.

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

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

Chatta con Gemini

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

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

Inizia a utilizzare la chat

1. Apri o crea uno spazio di lavoro in Firebase Studio.

   Nota: se utilizzi App Prototyping agent in Prototyper visualizzazione, fai clic su Passa al codice per aprire la visualizzazione Code.

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

   Nota: Per impostazione predefinita, le app create con App Prototyping agent utilizzano la chat di Prototyper nella vista Code. Per utilizzare Gemini chat interattiva invece, sotto Gemini, fai clic su +, quindi seleziona Nuova chat. Per tornare alla chat di Prototyper, fai clic su Chat recenti, quindi scegli Chat di Prototyper.

3. Inizia a chattare con Gemini.

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

   • Disegno: utilizza gli strumenti di disegno per progettare il design che ti interessa, 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.
   Suggerimento: per aggiungere un file dal 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, quindi fai clic su Carica…

5. (Facoltativo) Modifica la modalità utilizzata da Gemini per rispondere alle richieste:

   • Chiedi: crea un piano. In questa modalità, Gemini risponde alle domande senza proporre modifiche al codice.
   • Agente: apporta modifiche all'app. In questa modalità, Gemini propone modifiche all'app, ma non le applica senza la tua conferma.
   • Agente (esecuzione automatica): applica automaticamente le modifiche all'app. In questa modalità, Gemini apporta automaticamente modifiche al 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 altro modello Gemini. Scopri di più in Utilizzare la propria chiave: utilizzare altri Gemini modelli nella chat.

7. (Facoltativo) Personalizza la modalità di assistenza di Gemini regolando le impostazioni e aggiungendo file di regole AI. Scopri di più.

Nel riquadro della chat, puoi porre Gemini domande e ricevere suggerimenti di codice. In modalità Agente, Gemini può persino aggiornare i file di configurazione e il codice del progetto ed eseguire i comandi del terminale direttamente all'interno dello 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's.
  • Esamina modifiche: apri le modifiche proposte in un'altra finestra per esaminarle prima di applicarle.
  Nota: se preferisci, Gemini può applicare automaticamente le modifiche proposte. Nella finestra della chat, utilizza il menu a discesa della modalità per selezionare la modalità Agente (esecuzione automatica).

• Eseguire i comandi del terminale: Gemini può eseguire comandi come l'installazione delle dipendenze o l'avvio di un server di sviluppo. Può proporre questi comandi autonomamente oppure puoi chiedere a Gemini di eseguirli. Dopo che Gemini ha proposto un comando, viene visualizzato il pulsante Esegui comando del terminale. Fai clic su questo pulsante 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, oltre ad aiutarti 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 Disconnetti per consentire al comando di continuare a essere eseguito nel terminale e riaccedere alla chat.

Completare attività complesse con la chat

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

• Documentare il codice: Gemini può generare automaticamente la documentazione nel formato appropriato per il codice quando gli chiedi di "Scrivere la documentazione".
• Scrivere casi di test: Gemini può aggiornare e generare automaticamente i test delle unità. Se chiedi a Gemini di "Scrivere i test", Gemini trova un file di test delle unità esistente e può aggiungere i test mancanti al file. Se non trova file di test delle unità esistenti, crea il test delle unità che puoi esaminare, modificare e accettare. Puoi persino chiedere a Gemini di eseguirlo.
• Gestire le dipendenze: puoi chiedere a Gemini di rilevare le dipendenze mancanti nel codice e risolverle direttamente dall'interfaccia della chat.
• Eseguire il 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 aver esaminato e applicato le modifiche, puoi chiedere a Gemini di aggiornare ed eseguire i test delle unità per verificare il refactoring e assicurarti che i test continuino a essere superati.
• Generare ed eseguire workflow Docker: se hai attivato Docker nello spazio di lavoro, puoi creare rapidamente il container dell'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.
• Eseguire 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 di esecuzione dei test ) e visualizzerà i risultati dei test nell'interfaccia della chat.

Utilizzare i comandi con barra nella chat

Puoi guidare l'output Gemini fornito dalla chat utilizzando i comandi con barra, 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 con barra, digita / nella chat.

Ad esempio, /generate seguito da una breve descrizione di ciò che ti interessa è 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. */

Fare riferimento a file e cartelle specifici nella chat

Per fornire un contesto aggiuntivo per le richieste e le domande che poni a Gemini, puoi fare riferimento a file e cartelle specifici utilizzando il @ simbolo.

Ad esempio, Explain what's contained within the @src/ai directory.

Gestire la cronologia chat

Puoi tenere separati argomenti diversi nelle tue Gemini chat avviando thread diversi. Puoi quindi fare riferimento ai thread precedenti in base all'argomento.

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

Per avviare una nuova chat:

1. Fai clic su Nuova chat nella barra dell'intestazione della chat.

2. Digita 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 di 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 di 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 di chat 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 di codice di Google, consulta Assistenza alla programmazione generativa.

Ricevere assistenza in linea da Gemini

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

Importante: Gemini può generare output apparentemente plausibili, ma di fatto errati. e potrebbe rispondere con informazioni imprecise che non rappresentano l'opinione di Google. Verifica tutti gli output di Gemini prima di utilizzarli ed evita di 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 è attivo per impostazione predefinita. Scopri come regolare le impostazioni.

Ricevere suggerimenti di codice da Gemini

Gemini genera blocchi completi di codice possibili in linea. Per utilizzare l' Gemini assistenza al codice in linea, segui questi passaggi:

1. Apri uno spazio di lavoro in Firebase Studio.

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

3. Inserisci una descrizione di ciò che ti interessa e Gemini genererà un suggerimento. Puoi anche utilizzare le azioni come scorciatoie per guidare i suggerimenti. Ad esempio, inserisci /fixError per ricevere assistenza nella 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 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 la modalità di assistenza di Gemini regolando le impostazioni e aggiungendo file di regole AI. Scopri di più.

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

Visualizzare i comandi Gemini in linea

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

2. Seleziona sparkGemini dal menu, quindi seleziona l'azione che ti interessa.

Utilizzare il completamento del codice suggerito da Gemini

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

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

Per attivare o disattivare il completamento del codice, regola 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 oppure premi Ctrl+, (Cmd+, su Mac).

     Se utilizzi App Prototyping agent in Prototyper visualizzazione, fai clic su Passa al codice per aprire la visualizzazione Code.

  2. Seleziona la scheda Spazio di lavoro, quindi cerca l'impostazione Firebase Studio > AI > Attiva 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 tutti gli spazi 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 lo spazio di lavoro, dovrai comunque configurare l'impostazione dello spazio di lavoro.