Gemini in Firebase in Firebase Studio testen

Nachdem Sie Gemini in Firebase in Firebase Studio eingerichtet haben, können Sie es sofort verwenden, um:

Mit Gemini in Firebase chatten
In Firebase können Sie sich direkt in der Bearbeitungsoberfläche von Gemini Hilfe holen.

Die Inline-Codevervollständigung und die Indexierung der Codebasis sind standardmäßig aktiviert. Informationen zum Anpassen der Einstellungen

Mit Gemini in Firebase chatten

Firebase Studio unterstützt Entwickler mit KI-gestütztem Chat bei ihren Entwicklungsabläufen.

Einstieg in Google Chat

Öffnen Sie einen Arbeitsbereich in Firebase Studio.

Hinweis: Wenn Sie App Prototyping agent in Prototyper view, click Switch to Code to open Code view. verwenden
Klicken Sie unten im Arbeitsbereich auf FunkeGemini.
Starten Sie einen Chat mit Gemini.
Optional: Senden Sie eine multimodale Aufforderung an Gemini. Klicken Sie dazu auf Anhängen und wählen Sie eine der folgenden Optionen aus:
- Zeichnen:Verwenden Sie die Zeichentools, um Ihr gewünschtes Design zu entwerfen. Geben Sie dann Ihren Prompt ein und klicken Sie auf Senden.
- Bild:Laden Sie ein Bild hoch, fügen Sie Ihren Prompt hinzu und klicken Sie dann auf Senden.
- Datei:Wählen Sie eine Datei aus Ihrem Arbeitsbereich aus, die als Kontext verwendet werden soll, fügen Sie Ihren Prompt hinzu und klicken Sie dann auf Senden.
Tipp :Wenn Sie Ihrem Arbeitsbereich eine Datei von Ihrem lokalen Computer hinzufügen möchten, klicken Sie im Explorer mit der rechten Maustaste auf den Ordner, in den Sie die Datei hochladen möchten, und dann auf Hochladen…
Optional: Fügen Sie einen eigenen Gemini API-Schlüssel hinzu und wählen Sie ein anderes Gemini-Modell aus. Weitere Informationen finden Sie unter Eigenen Schlüssel verwenden: Andere Gemini-Modelle im Chat verwenden.
Optional: Sie können die Unterstützung von Gemini in Firebase anpassen, indem Sie die Einstellungen anpassen und KI-Regelndateien hinzufügen. Weitere Informationen

Sobald der Chat aktiviert ist, können Sie Gemini Fragen stellen und Codevorschläge erhalten. Gemini kann sogar Ihre Projektkonfigurationsdateien und Ihren Code aktualisieren und Terminalbefehle direkt in Ihrem Arbeitsbereich ausführen. Gemini kann fragen, ob es eine der folgenden Aktionen ausführen kann:

Dateien ändern:Gemini kann eine Funktion hinzufügen, einen Fehler beheben oder Code umstrukturieren. Wenn Gemini Änderungen an einer Datei vorschlägt, werden zwei Optionen angezeigt:
- Datei aktualisieren:Die Datei wird direkt mit den vorgeschlagenen Änderungen von Gemini aktualisiert.
- Änderungen prüfen:Sie können die vorgeschlagenen Änderungen in einem anderen Fenster zur Überprüfung öffnen, bevor Sie sie anwenden.
Terminalbefehle ausführen:Mit Gemini können Sie Befehle wie das Installieren von Abhängigkeiten oder das Starten eines Entwicklungsservers ausführen. Diese Befehle werden möglicherweise automatisch vorgeschlagen. Sie können Gemini aber auch bitten, sie auszuführen. Nachdem Gemini einen Befehl vorgeschlagen hat, wird die Schaltfläche Terminalbefehl ausführen angezeigt. Klicken Sie darauf, um den Befehl in einem Terminal in Firebase Studio auszuführen. Gemini führt den Befehl aus und interpretiert die Ergebnisse für Sie im Chatfenster. Außerdem hilft er Ihnen bei der Bestimmung der nächsten Schritte.

Hinweis:Bei lang laufenden Befehlen (z. B. beim Ausführen eines Servers mit npm run dev) wird die Schaltfläche Trennen angezeigt. Klicken Sie auf Trennen, damit der Befehl im Terminal weiter ausgeführt wird und Sie wieder Zugriff auf den Chat haben.

Komplexe Aufgaben mit Google Chat erledigen

Gemini in Firebase kann Ihnen bei komplexen Entwicklungsaufgaben helfen, z. B.:

Code dokumentieren:Gemini kann automatisch eine Dokumentation im richtigen Format für Ihren Code generieren, wenn Sie „Write my docs“ (Meine Dokumente schreiben) sagen.
Testfälle schreiben:Gemini kann automatisch Einheitentests aktualisieren und generieren. Wenn Sie Gemini bitten, „meine Tests zu schreiben“, sucht Gemini nach einer vorhandenen Datei mit Unit-Tests und kann der Datei fehlende Tests hinzufügen. Wenn keine vorhandenen Unit-Testdateien gefunden werden, wird der Unit-Test erstellt, damit Sie ihn prüfen, iterieren und akzeptieren können. Sie können sogar Gemini bitten, ihn auszuführen.
Abhängigkeiten verwalten:Sie können Gemini bitten, fehlende Abhängigkeiten in Ihrem Code zu erkennen und direkt über die Chatoberfläche zu beheben.
Code refaktorisieren:Sie können Gemini bitten, Code in Ihrem Namen zu refaktorisieren, z. B. eine Funktion zu extrahieren oder eine Variable in mehreren Dateien umzubenennen. Gemini generiert eine Liste der vorgeschlagenen Änderungen. Nachdem Sie die Änderungen geprüft und angewendet haben, können Sie Gemini bitten, die Unit-Tests zu aktualisieren und auszuführen, um die Refaktorisierung zu überprüfen und sicherzustellen, dass die Tests weiterhin bestanden werden.
Docker-Workflows generieren und ausführen:Wenn Sie Docker in Ihrem Arbeitsbereich aktiviert haben, können Sie Ihre Anwendung schnell containerisieren, indem Sie Gemini bitten, ein Dockerfile zu erstellen (z. B. „Erstelle ein Dockerfile für meine App“). Nachdem Gemini das Dockerfile generiert hat, kann es den Container für Sie erstellen und ausführen.
Unit- und Integrationstests ausführen:Sie können die Testausführung starten, indem Sie Gemini bitten, bestimmte Testsuites auszuführen (z. B. „Meine Unit-Tests ausführen“ oder „Integrationstests ausführen“). Gemini führt den entsprechenden Befehl für Ihr Projekt aus (z. B. npm test oder einen bestimmten Befehl für den Test-Runner) und zeigt die Testergebnisse in der Chatoberfläche an.

Slash-Befehle in Chat verwenden

Sie können die Ausgabe von Gemini in Firebase-Chats mithilfe von Slash-Befehlen steuern. Das sind Tastenkürzel, die mit einem Schrägstrich (/) beginnen. Geben Sie / am Anfang Ihres Gemini-Chat-Prompts ein und wählen Sie die gewünschte Aktion aus der Liste der verfügbaren Slash-Befehle aus.

Geben Sie / in den Chat ein, um eine vollständige Liste der Befehle aufzurufen.

Beispielsweise ist /generate gefolgt von einer kurzen Beschreibung dessen, was Sie möchten, ein Prompt-Hotkey zum Generieren von Code-Snippets.

Hier ein Beispiel für die Rückgabe, wenn /generate css for a black background ausgeführt wird:

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. */

Chatverlauf verwalten

Sie können verschiedene Themen in Ihren Gemini-Firebase-Chats voneinander trennen, indem Sie verschiedene Threads starten. Sie können dann nach Themen nach früheren Threads suchen.

So starten Sie einen neuen Chat:

Klicken Sie in der Chat-Headerleiste auf Neuer Chat.
Geben Sie Ihren Prompt ein.

So wechseln Sie zu einem anderen Chat-Thread:

Klicken Sie in der Chat-Headerleiste auf Letzte Chats.
Wählen Sie den Chat-Thread aus, auf den Sie zugreifen möchten.
Mit Gemini können Sie den Chat fortsetzen oder auf frühere Chats Bezug nehmen.

So löschen Sie einen Chat-Thread:

Wählen Sie in der Chat-Headerleiste unter Letzte Chats den Chat-Thread aus, den Sie löschen möchten.
Klicken Sie in der Chat-Headerleiste auf Chat löschen. Bestätigen Sie, dass Sie den Chat-Thread aus dem Chatverlauf löschen möchten.

Codezitaten im Chat ansehen

Damit Sie die Codevorschläge überprüfen können, gibt Firebase Studio Informationen zur ursprünglichen Quelle und zu den zugehörigen Lizenzen an. Wenn du ein vollständiges Protokoll der Codezitaten im Chatfenster aufrufen möchtest, klicke in der Kopfzeile des Chats auf das Symbol „Lizenzprotokoll“.

Weitere Informationen zu Google-Codezitaten finden Sie unter Generative Code Assistance.

In Firebase Inline-Hilfe von Gemini erhalten

Firebase Studio steigert Ihre Produktivität mit KI-gestützten Codevorschlägen von Gemini.

Die Codevervollständigung ist standardmäßig aktiviert. Weitere Informationen zum Anpassen der Einstellungen

Codevorschläge von Gemini in Firebase erhalten

Gemini generiert vollständige Blöcke mit möglichem Code inline. So verwenden Sie die Gemini-Hilfe für Inline-Code:

Öffnen Sie einen Arbeitsbereich in Firebase Studio.
Rufen Sie die Datei oder Codezeile auf, zu der Sie Hilfe benötigen, und drücken Sie Ctrl+I (Cmd+I unter macOS).
Geben Sie eine Beschreibung Ihrer Anforderungen ein. Geminigeneriert dann einen Vorschlag. Sie können auch Aktionen als Verknüpfungen verwenden, um die Vorschläge zu steuern. Geben Sie beispielsweise /fixError ein, um Hilfe bei der Behebung von Fehlern im Inline-Code zu erhalten.
Wählen Sie eine der folgenden Optionen aus:
- Klicken Sie auf Akzeptieren, um den generierten Code zu übernehmen.
- Wenn Sie den Vorschlag an einer anderen Stelle einfügen oder in eine neue Datei verschieben möchten, wählen Sie die entsprechende Option aus dem Drop-down-Menü neben der Schaltfläche Verwerfen aus.
- Klicken Sie auf Neu generieren, um einen neuen Vorschlag zu generieren.
- Wenn Sie den Vorschlag vollständig entfernen möchten, klicken Sie auf Verwerfen.
Optional: Sie können die Unterstützung von Gemini in Firebase anpassen, indem Sie die Einstellungen anpassen und KI-Regelndateien hinzufügen. Weitere Informationen

Gemini-Inhalte in Firebase-Befehlen inline ansehen

Wenn Sie Gemini-Befehle für bestimmten Code inline aufrufen möchten, wählen Sie den Code aus, zu dem Sie Hilfe benötigen, und klicken Sie mit der rechten Maustaste darauf.
Wählen Sie im Menü sparkGemini und dann die gewünschte Aktion aus.

Von Gemini vorgeschlagene Codevervollständigung verwenden

Firebase Studio bietet eine KI-gestützte Codevervollständigung, die Code in jeder geöffneten Datei vorhersagt und automatisch einfügt, sobald Sie mit der Eingabe beginnen.

Die Codevervollständigung ist standardmäßig aktiviert.

Sie können die Codevervollständigung mit einer der folgenden Methoden aktivieren oder deaktivieren:

Wenn Sie eine settings.json-Datei verwenden, setzen Sie "IDX.aI.enableInlineCompletion" auf true oder false.
So aktualisieren Sie die Einstellungen im Arbeitsbereich Firebase Studio:
1. Klicken Sie links unten im Arbeitsbereich auf Verwalten und wählen Sie dann „Einstellungen“ aus oder drücken Sie die Taste Ctrl+, (Cmd+, auf dem Mac).
  
  Wenn Sie das App Prototyping agent in Prototyper view, click Switch to Code to open Code view. verwenden
2. Wählen Sie den Tab Arbeitsbereich aus und suchen Sie nach der Einstellung Firebase Studio > KI > Inline-Vervollständigung aktivieren.
3. Wenn Sie die Codevervollständigung deaktivieren möchten, heben Sie die Auswahl der Option Inline-Codevervollständigung während der Eingabe aktivieren auf.