Gemini in Firebase Studio bietet KI-Unterstützung, um Ihren Programmierworkflow zu optimieren – inline im Code-Editor, über die Befehlszeilenschnittstelle (Command Line Interface, CLI) und per Chat. Gemini kann Codevorschläge machen, Code generieren, Codekonzepte erklären, Projektdateien aktualisieren, Terminalbefehle ausführen und die Befehlsausgabe interpretieren.
Sie können Gemini sofort ohne Einrichtung verwenden:
- Mit Gemini chatten.
- Inline-Hilfe von Gemini erhalten.
- Mit Gemini über Gemini CLI chatten.
Beachten Sie, dass die Inline-Codevervollständigung und die Codebasisindexierung standardmäßig aktiviert sind. Informationen zum Anpassen der Einstellungen
Gemini ist verfügbar, wenn Sie sich in der Code Ansicht befinden. Sie können es mit Apps verwenden, die Sie in Firebase Studio starten, Apps, die Sie in Firebase Studio importieren, und Apps die vom App Prototyping agent erstellt wurden.
Mit Gemini chatten
Firebase Studio erleichtert Ihre Entwicklungsabläufe mit KI-gestütztem Chat.
Chat verwenden
Öffnen oder erstellen Sie einen Arbeitsbereich in Firebase Studio.
Klicken Sie unten im Arbeitsbereich auf das Sternchen sparkGemini.
Starten Sie den Chat mit Gemini.
(Optional) Senden Sie einen multimodalen Prompt an Gemini, indem Sie auf
Anhängen
klicken und eine der folgenden Optionen auswählen:- Zeichnung:Verwenden Sie die Zeichenwerkzeuge, um das gewünschte Design zu erstellen, 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 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 auf Senden.
(Optional) Ändern Sie den Modus, den Gemini verwendet, um auf Anfragen zu antworten:
- Fragen:Erstellen Sie einen Plan. In diesem Modus beantwortet Gemini Fragen, ohne Codeänderungen vorzuschlagen.
- Agent: Nehmen Sie Änderungen an Ihrer App vor. In diesem Modus schlägt Gemini Änderungen an Ihrer App vor, wendet sie aber nicht ohne Ihre Bestätigung an.
- Agent (automatische Ausführung): Änderungen automatisch auf Ihre App anwenden. In diesem Modus nimmt Gemini automatisch Änderungen an Ihrem Code vor, basierend auf Ihren Anfragen. Sie werden aber trotzdem um Bestätigung gebeten, um Terminalbefehle auszuführen.
(Optional) Fügen Sie Ihren 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) Passen Sie an, wie Gemini Sie unterstützt, indem Sie die Einstellungen anpassen und Dateien mit KI-Regeln hinzufügen. Weitere Informationen.
Im Chatfenster können Sie Gemini Fragen stellen und Codevorschläge erhalten. Im Agent-Modus kann Gemini sogar Ihre Projektkonfigurationsdateien und Ihren Code aktualisieren und Terminalbefehle für Sie ausführen, direkt in Ihrem Arbeitsbereich. Gemini fragt möglicherweise, ob es eine der folgenden Aufgaben für Sie übernehmen soll:
Dateien ändern: Gemini kann eine Funktion hinzufügen, einen Fehler beheben oder Code umgestalten. Wenn Gemini Änderungen an einer Datei vorschlägt, sehen Sie zwei Optionen:
- Datei aktualisieren:Aktualisieren Sie die Datei direkt mit den von Gemini's vorgeschlagenen Änderungen.
- Änderungen prüfen:Öffnen Sie die vorgeschlagenen Änderungen in einem anderen Fenster, um sie zu prüfen, bevor Sie sie anwenden.
Terminalbefehle ausführen: Gemini kann Befehle wie das Installieren von Abhängigkeiten oder das Starten eines Entwicklungsservers ausführen. Es schlägt diese Befehle möglicherweise selbst vor oder Sie können Gemini bitten, sie auszuführen. Nachdem Gemini einen Befehl vorgeschlagen hat, wird die Schaltfläche Terminal Befehl 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 es Ihnen, die nächsten Schritte zu bestimmen.
Komplexe Aufgaben mit dem Chat erledigen
Gemini kann Sie bei komplexen Entwicklungs aufgaben unterstützen, z. B.:
- Code dokumentieren: Gemini kann automatisch Dokumentation im entsprechenden Format für Ihren Code generieren, wenn Sie es bitten, „meine Dokumentation zu schreiben“.
- Testfälle schreiben: Gemini kann automatisch Unit-Tests aktualisieren und generieren. Wenn Sie Gemini bitten, „meine Tests zu schreiben“, sucht Gemini nach einer vorhandenen Unit-Testdatei und kann fehlende Tests zur Datei hinzufügen. Wenn keine vorhandenen Unit Testdateien gefunden werden, erstellt Gemini den Unit-Test, den Sie prüfen, wiederholen und akzeptieren können. Sie können Gemini sogar bitten, ihn auszuführen.
- Abhängigkeiten verwalten: Sie können Gemini bitten, fehlende Abhängigkeiten in Ihrem Code zu erkennen und sie direkt über die Chat-Oberfläche zu beheben.
- Code umgestalten: Sie können Gemini bitten, Code in Ihrem Namen umzugestalten, z. B. eine Funktion zu extrahieren oder eine Variable in mehreren Dateien umzubenennen. Gemini generiert eine Liste mit vorgeschlagenen Änderungen. Nachdem Sie die Änderungen geprüft und angewendet haben, können Sie Gemini bitten, Unit-Tests zu aktualisieren und auszuführen, um die Umgestaltung zu prü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 in einen Container packen, 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 Testsuiten auszuführen (z. B. „Führe meine
Unit-Tests aus“ oder
„Führe Integrationstests aus“). Gemini führt den
entsprechenden Befehl für Ihr Projekt aus (z. B.
npm testoder einen bestimmten Testrunner-Befehl) und zeigt die Testergebnisse in der Chat Oberfläche an.
Slash-Befehle im Chat verwenden
Sie können die Ausgabe des Gemini Chats mit
Slash-Befehlen steuern. Das sind Kurzbefehle, denen ein Schrägstrich (/) vorangestellt ist. 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.
Eine vollständige Liste der Slash-Befehle erhalten Sie, wenn Sie im Chat / eingeben.
Beispiel: /generate gefolgt von einer kurzen Beschreibung dessen, was Sie möchten, ist ein Prompt-Kurzbefehl zum Generieren von Code-Snippets.
Hier ist ein Beispiel für die Rückgabe bei der Ausführung von /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. */
Im Chat auf bestimmte Dateien und Ordner verweisen
Wenn Sie Anfragen und Fragen an Gemini stellen, können Sie mit dem Symbol
auf bestimmte Dateien und Ordner verweisen, um zusätzlichen Kontext bereitzustellen
Gemini.@
Beispiel: Explain what's contained within the @src/ai directory.
Chatprotokoll verwalten
Sie können verschiedene Themen in Ihren Gemini Chats trennen, indem Sie verschiedene Threads starten. Sie können dann anhand des Themas auf frühere Threads zurückgreifen.
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.
Setzen Sie den Chat-Thread fort oder greifen Sie auf frühere Chats mit Gemini zurück.
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 Chatprotokoll löschen möchten.
Codezitate im Chat ansehen
Damit Sie die Codevorschläge prüfen können, Firebase Studio stellt Informationen zur ursprünglichen Quelle und zugehörigen Lizenzen bereit. Eine vollständige Liste der Codezitate aus dem Chatfenster können Sie aufrufen, indem Sie in der Chat-Headerleiste auf das Lizenzprotokollsymbol klicken.
Weitere Informationen zu Google-Codezitaten finden Sie unter Generative Code Assistance.
Inline-Hilfe von Gemini erhalten
Firebase Studio steigert Ihre Produktivität mit KI-gestützten Code vorschlägen von Gemini.
Beachten Sie, dass die Codevervollständigung standardmäßig aktiviert ist. Informationen zum Anpassen der Einstellungen .
Codevorschläge von Gemini erhalten
Gemini generiert vollständige Blöcke mit möglichem Code inline. So verwenden Sie die Gemini Inline-Codeunterstützung:
Öffnen Sie einen Arbeitsbereich in Firebase Studio.
Gehen Sie zu der Datei oder Codezeile, bei der Sie Hilfe benötigen, und drücken Sie
Ctrl+I(Cmd+Iauf macOS).Geben Sie eine Beschreibung dessen ein, was Sie möchten, und Gemini generiert einen Vorschlag. Sie können auch Aktionen als Kurzbefehle verwenden, um die Vorschläge zu steuern. Geben Sie beispielsweise
/fixErrorein, um Hilfe bei der Behebung von Fehlern im Inline-Code zu erhalten.Wählen Sie eine der folgenden Optionen aus:
- Wenn Sie den generierten Code behalten möchten, klicken Sie auf Akzeptieren.
- Wenn Sie den Vorschlag an einer anderen Stelle einfügen oder in eine neue Datei verschieben möchten, wählen Sie die entsprechende Option im Drop-down-Menü auf 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) Passen Sie an, wie Gemini Sie unterstützt, indem Sie die Einstellungen anpassen und Dateien mit KI-Regeln hinzufügen. Weitere Informationen.
Gemini Befehle inline ansehen
Wenn Sie Gemini Befehle inline für bestimmten Code ansehen möchten, wählen Sie den Code aus, bei dem Sie Hilfe benötigen, und klicken Sie mit der rechten Maustaste darauf.
Wählen Sie im Menü das Sternchen sparkGemini und dann die gewünschte Aktion aus.
Gemini-vorgeschlagene Codevervollständigung verwenden
Zur Unterstützung beim Schreiben von Code bietet Firebase Studio KI-Code vervollständigung, die Code in jeder geöffneten Datei vorhersagt und automatisch vervollständigt, sobald Sie mit der Eingabe beginnen.
Beachten Sie, dass die Codevervollständigung standardmäßig aktiviert ist.
Wenn Sie die Codevervollständigung aktivieren oder deaktivieren möchten, passen Sie die Einstellungen für die Codevervollständigung mit einer der folgenden Methoden an:
Wenn Sie eine
settings.json-Datei verwenden, legen Sie"IDX.aI.enableInlineCompletion"auftrueoderfalsefest.So aktualisieren Sie die Einstellungen im Firebase Studio Arbeitsbereich:
Klicken Sie links unten im Arbeitsbereich auf das Zahnradsymbol
Verwalten und wählen Sie dann
„Einstellungen“ aus oder drücken Sie Ctrl+,(Cmd+,auf dem Mac).Wenn Sie das App Prototyping agent in Prototyper -Ansicht verwenden, klicken Sie auf
Zu Code wechseln , um die Code-Ansicht zu öffnen.Wählen Sie den Tab Arbeitsbereich aus und suchen Sie dann nach der Einstellung Firebase Studio > KI > Inline Vervollständigung aktivieren.
Wenn Sie die Codevervollständigung deaktivieren möchten, entfernen Sie das Häkchen aus der Option Inline-Codevervollständigung während der Eingabe aktivieren.
Mit Gemini über Gemini CLI chatten
Gemini CLI ist ein Open-Source-KI-Agent, der die Leistungsfähigkeit der Modelle von Google Gemini direkt in Ihr Terminal bringt. Gemini CLI führt ähnliche Aufgaben wie Gemini aus. Sie bevorzugen sie aber möglicherweise, wenn Sie als Entwickler viel Zeit im Terminal verbringen, um Aufgaben wie die Codegenerierung, das Debugging, die Ausführung von Befehlen oder die Verwaltung von Projektdateien zu erledigen.Gemini CLI
Gemini CLI verwenden
So greifen Sie in Firebase Studio auf Gemini CLI zu:
Zur Codeansicht wechseln: Wenn Sie im Prototyper -Modus arbeiten, klicken Sie auf
Zu Code wechseln, um die Code zu öffnen.Auf das Terminal zugreifen: Öffnen Sie das
Menü > Terminal > Neues Terminal.Öffnen Gemini CLI: Geben Sie im Terminal den folgenden Befehl ein:
geminiAnpassen: Wählen Sie mit den Pfeiltasten auf der Tastatur ein Farbdesign aus, und drücken Sie dann die Eingabetaste.
Authentifizieren: Wählen Sie eine Authentifizierungsmethode aus. Wenn Sie eine kostenlose Gemini Code Assist Lizenz mit einem Kontingent von 60 Modellanfragen pro Minute und 1.000 Anfragen pro Tag erhalten möchten, wählen Sie Mit Google anmelden aus. Weitere Informationen zur Authentifizierung finden Sie in der Dokumentation.
In Zukunft müssen Sie nur noch gemini im Terminal eingeben, um auf
Gemini CLI zuzugreifen.
Alternativ können Sie Gemini CLI im nicht interaktiven
Modus ausführen, was für das Scripting und die Automatisierung nützlich ist. In diesem Modus wird Gemini CLI
automatisch beendet, nachdem der eingegebene Befehl ausgeführt wurde. Verwenden Sie das Flag --prompt oder -p, um diesen Modus zu verwenden. Beispiel:
gemini -p "Create a markdown file that explains my app's architecture"
Befehle mit Gemini CLI verwenden
Sie können mit Gemini CLI chatten, um Fragen zu stellen oder Anfragen zu senden. Sie können sie beispielsweise fragen:
explain [file_name.js]: Wenn Sie auf unbekannten Code stoßen, verwenden Sie diesen Befehl, um eine Erklärung anzufordern. Ersetzen Sie einfach[file_name.js]durch den entsprechenden Pfad oder fügen Sie den Code direkt in den Prompt ein.refactor [code_snippet]: Verbessern Sie die Struktur oder Effizienz Ihres Codes, indem Sie Gemini auffordern, Vorschläge zur Umgestaltung zu machen.debug "Error: Module not found: 'firebase-admin'": Wenn Fehler auftreten, geben Sie die Fehlermeldung an Gemini weiter, um Informationen und mögliche Lösungen zu erhalten.summarize "Key features of Firebase Realtime Database": Gemini kann schnell recherchieren und Inhalte prägnant zusammenfassen.
Außerdem werden mehrere integrierte Befehle unterstützt, mit denen Sie Ihre Sitzung verwalten, die Schnittstelle anpassen und das Verhalten steuern können, z. B.:
/help: Geben Sie diesen Befehl ein, um eine umfassende Liste der verfügbaren Befehle und Optionen aufzurufen. Dies ist ein hervorragender Ausgangspunkt für die Erkundung./chat: Speichern und setzen Sie den Unterhaltungsverlauf fort, um verzweigte Unterhaltungen zu erstellen oder einen früheren Zustand aus einer späteren Sitzung wiederherzustellen./tools: Zeigt eine Liste der Tools an, die in Gemini CLI verfügbar sind./restore: Stellt die Projektdateien in dem Zustand wieder her, in dem sie sich befanden, unmittelbar bevor ein Tool ausgeführt wurde. Dies ist besonders nützlich, wenn Dateibearbeitungen durch ein Tool rückgängig gemacht werden sollen.
Eine vollständige Liste der Befehle finden Sie in der Gemini CLI Dokumentation.