Gemini in Firebase Studio ausprobieren

Gemini in Firebase Studio bietet KI-Unterstützung, um Ihren Programmierworkflow zu optimieren – direkt im Code-Editor 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:

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

  1. Öffnen oder erstellen Sie einen Arbeitsbereich in Firebase Studio.

  2. Klicken Sie unten im Arbeitsbereich auf das Sternchen sparkGemini.

  3. Beginnen Sie mit Gemini zu chatten.

  4. (Optional) Senden Sie einen multimodalen Prompt an Gemini, indem Sie auf Symbol „Anhängen“ 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.

  5. (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: Änderungen an Ihrer App vornehmen. 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 weiterhin um Bestätigung gebeten, um Terminalbefehle auszuführen.

  6. (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.

  7. (Optional) Passen Sie an, wie Gemini Sie unterstützt, indem Sie die Einstellungen anpassen und KI-Regeldateien 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 Aktionen für Sie ausführen 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 auffordern, „meine Dokumentation zu schreiben“.
  • Testfälle schreiben: Gemini kann automatisch Unit-Tests aktualisieren und generieren. Wenn Sie Gemini auffordern, "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 test oder 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 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. */

Auf bestimmte Dateien und Ordner im Chat 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 verweisen.

So starten Sie einen neuen Chat:

  1. Klicken Sie in der Chat-Headerleiste auf Neuer Chat.

  2. Geben Sie Ihren Prompt ein.

So wechseln Sie zu einem anderen Chat-Thread:

  1. Klicken Sie in der Chat-Headerleiste auf Letzte Chats.

  2. Wählen Sie den Chat-Thread aus, auf den Sie zugreifen möchten.

  3. Setzen Sie den Chat-Thread fort oder verweisen Sie auf frühere Chats mit Gemini.

So löschen Sie einen Chat-Thread:

  1. Wählen Sie in der Chat-Headerleiste unter Letzte Chats den Chat-Thread aus, den Sie löschen möchten.

  2. 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. Ein vollständiges Log der Codezitate aus dem Chatfenster können Sie aufrufen, indem Sie in der Chat-Headerleiste auf das Lizenzlog-Symbol klicken.

Symbol für den Lizenzlog in der Chatkopfzeile

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:

  1. Öffnen Sie einen Arbeitsbereich in Firebase Studio.

  2. Gehen Sie zu der Datei oder Codezeile, bei der Sie Hilfe benötigen, und drücken Sie Ctrl+I (Cmd+I unter macOS).

  3. 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 /fixError ein, um Hilfe bei der Behebung von Fehlern im Inline-Code zu erhalten.

  4. 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.

  5. (Optional) Passen Sie an, wie Gemini Sie unterstützt, indem Sie die Einstellungen anpassen und KI-Regeldateien hinzufügen. Weitere Informationen.

Gemini Befehle inline ansehen

  1. 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.

  2. 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" auf true oder false fest.

  • So aktualisieren Sie die Einstellungen im Firebase Studio Arbeitsbereich:

    1. Klicken Sie unten links im Arbeitsbereich auf das Zahn0radsymbol Zahnradsymbol Verwalten und wählen Sie dann „Einstellungen“ aus oder drücken Sie Ctrl+, (Cmd+, unter Mac).

      Wenn Sie die App Prototyping agent in Prototyper -Ansicht verwenden, klicken Sie auf Symbol zum Wechseln des Codes Zu Code wechseln , um die Code-Ansicht zu öffnen.

    2. Wählen Sie den Tab Arbeitsbereich aus und suchen Sie dann 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.