Gemini in Firebase in Arbeitsbereichen konfigurieren

Firebase Studio unterstützt Ihre Entwicklungsabläufe mit den folgenden KI-gestützten Codefunktionen:

  • Vorschläge zur Codevervollständigung während der Eingabe.

  • KI-Unterstützung mit Chat, die sich auf den Arbeitsbereich bezieht und vollständig in Ihren Code integriert ist. Es kann Code generieren, übersetzen und erklären. Nach Ihrer Überprüfung und Genehmigung kann Gemini in Firebase direkt mit Ihrem Arbeitsbereich interagieren, um Dateien zu aktualisieren, Terminalbefehle auszuführen, die Befehlsausgabe zu interpretieren und die nächsten Schritte zu bestimmen. Weitere InformationenGemini

  • Inline-Aktionen, die Sie für ausgewählte Codeabschnitte ausführen können. Sie können Gemini beispielsweise bitten, den ausgewählten Code lesbarer zu machen.

  • Inline-Codeunterstützung

Sie können anpassen, wie Gemini in Firebase Sie unterstützt, indem Sie die Einstellungen anpassen und Dateien mit KI-Regeln hinzufügen:

Gemini in Firebase in Ihrem Arbeitsbereich verwenden

Mit Gemini in Firebase können Sie Ihre Programmierproduktivität über das Chatfenster oder die Inline-Code-Unterstützung steigern.

  1. Sie können entweder den Chat oder die Inline-Codeunterstützung in Ihrem Arbeitsbereich verwenden:

    • Chat verwenden: Klicken Sie in Ihrem geöffneten Arbeitsbereich unten auf spark Gemini.

    • So verwenden Sie die Inline-Codeunterstützung: Beginnen Sie mit der Eingabe Ihres Codes und drücken Sie Tab, um Vorschläge zu übernehmen.

  2. Die folgenden beiden Optionen sind standardmäßig aktiviert:

    • Vorschläge bei der Eingabe, die Inline-Codevervollständigung bietet.
    • Codebase-Indexierung für eine bessere Anpassung und hilfreichere Antworten.

    So ändern Sie diese Einstellungen für Ihren Arbeitsbereich in Zukunft:

    Sie können auch bestimmte Dateien und Verzeichnisse aus der KI-Indexierung ausschließen. Weitere Informationen finden Sie unter Dateien mit .aiexclude-Dateien aus Gemini ausschließen.

Gemini in Firebase-Verknüpfungen

Wenn Sie schnell einen Chat mit Gemini öffnen möchten, drücken Sie Ctrl+Shift+Space (oder Cmd+Shift+Space unter macOS).

So rufen Sie Gemini-Befehle über die Befehlspalette auf:

  1. Öffnen Sie die Befehlspalette, indem Sie Ctrl+Shift+P (oder Cmd+Shift+P unter MacOS) drücken.

  2. Suche nach Gemini.

    Eine Liste der Gemini-Befehle wird angezeigt.

Einstellungen für die Codevervollständigung anpassen

Firebase Studio bietet KI-gestützte Codevervollständigung, die Code in jeder geöffneten Datei vorhersagt und automatisch vervollständigt, sobald Sie mit dem Tippen beginnen.

Die Codevervollständigung ist standardmäßig aktiviert.

Wenn Sie den Codeabschluss aktivieren oder deaktivieren möchten, passen Sie die Einstellungen für den Codeabschluss 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 Arbeitsbereich Firebase Studio:

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

      Wenn Sie das App Prototyping agent in Prototyper view, click Code switch icon Switch to Code to open Code view. verwenden

    2. Wählen Sie den Tab Workspace aus und suchen Sie nach der Einstellung Firebase Studio > AI > Enable Inline Completion (Firebase Studio > KI > Inline-Vervollständigung aktivieren).

    3. Wenn Sie die Codevervollständigung deaktivieren möchten, deaktivieren Sie die Option Inline-Codevervollständigung während der Eingabe aktivieren.

Einstellungen für die Indexierung der Codebasis anpassen

Sie können festlegen, ob Gemini Ihren Code indexiert. Wenn Sie Ihren Code indexieren, erhalten Sie nützlichere Ergebnisse, wenn Sie Chat oder Inline-KI-Unterstützung verwenden.

Die Indexierung der Codebasis ist standardmäßig aktiviert.

Wenn Sie die Codeindexierung aktivieren oder deaktivieren möchten, passen Sie die Indexierungseinstellungen für Ihre Codebasis mit einer der folgenden Methoden an:

  • Wenn Sie eine settings.json-Datei verwenden, setzen Sie "IDX.aI.enableCodebaseIndexing" auf true oder false.

  • So aktualisieren Sie die Einstellungen im Arbeitsbereich Firebase Studio:

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

      Wenn Sie das App Prototyping agent in Prototyper view, click Code switch icon Switch to Code to open Code view. verwenden

    2. Wählen Sie den Tab Workspace aus und suchen Sie dann nach der Einstellung Firebase Studio > AI > Inline-Vervollständigung aktivieren.

    3. Wählen Sie Firebase Studio > AI: Enable Codebase Indexing aus.

    4. Wenn Sie die Codeindexierung deaktivieren möchten, deaktivieren Sie AI: Enable Codebase Indexing (KI: Codebase-Indexierung aktivieren). Sie müssen die Einstellungen für die Codeindexierung für jeden Ihrer Arbeitsbereiche aktualisieren.

Anleitung für Gemini in Firebase mit einer KI-Regeldatei anpassen

Sie können Kontext- und Systempromptinformationen hinzufügen, indem Sie eine Datei mit KI-Regeln (.idx/airules.md) erstellen. Gemini in Firebase verwendet Ihre Regeln als Systemanweisungen und Kontext, sodass die Antworten an Ihren Anwendungsfall angepasst werden.

Mit der KI-Regeldatei können Sie benutzerdefinierte Prompts, Best Practices und sogar wichtigen Kontext zu Ihrem Projekt mit Gemini teilen, um Ziele wie die folgenden zu erreichen:

  • Die Persönlichkeit von Gemini beeinflussen und das Fachwissen spezialisieren.
  • Projektweite Standards anwenden, z. B. Codierungsstil, Konventionen und Technologiepräferenzen.
  • Sie müssen weniger Informationen explizit im Code oder Chat angeben, da Sie wichtigen Kontext zu Ihrem Projekt bereitstellen.

Die von Ihnen konfigurierten Regeln werden von Gemini im Chat verwendet.

KI-Regeldatei erstellen und testen

So erstellen und testen Sie Ihre KI-Regeldatei:

  1. Erstellen Sie eine neue Datei unter .idx/airules.md in Ihrem Firebase Studio-Arbeitsbereich (im selben Verzeichnis wie Ihre dev.nix-Datei). Sie haben die folgenden Möglichkeiten:

    • Klicken Sie im Explorer (Ctrl+Shift+E) mit der rechten Maustaste auf .idx und wählen Sie Neue Datei aus. Benennen Sie die Datei airules.md und drücken Sie die Eingabetaste.
    • Öffnen Sie .idx/airules.md im Terminal mit Ihrem bevorzugten Texteditor.

  2. Fügen Sie der Datei Inhalte hinzu. Sie können Informationen zur Persona hinzufügen, die Gemini verwenden soll (z. B. „Du bist ein erfahrener Entwickler und hilfsbereiter Assistent, der alles über Next.js weiß“), sowie zu Codierungs- und Konversationsstandards und zum Projektkontext. Ein Beispiel für eine KI-Regeldatei finden Sie im Beispiel unten.

  3. Speichern Sie die Datei und öffnen Sie Gemini in Firebase.

  4. Sie haben folgende Möglichkeiten, um Ihre KI-Regeln zu verwenden:

    • Aktualisieren Sie die Seite, um den Arbeitsbereich neu zu erstellen. Nachdem Sie die Regeln neu erstellt haben, verwendet Gemini in Firebase die Regeln aus der Datei im Chat. Änderungen an der Datei mit den KI-Regeln sollten sofort im Chat sichtbar sein.
    • Wenn Sie Ihren Arbeitsbereich nicht neu erstellen möchten, können Sie Gemini im Chat bitten, load airules.md. Wenn Sie während der aktuellen Sitzung Änderungen an der Datei vornehmen, müssen Sie Gemini möglicherweise noch einmal auffordern, die Regelsatzdatei neu zu laden.

  5. Fragen zu Ihrem Code stellen Gemini antwortet mit den Informationen, die Sie in der Regelfile als Kontext angegeben haben.

Beispiel

Das Folgende ist ein einfaches Beispiel für eine Regelsatzdatei, die Sie für ein mit Next.js entwickeltes Gelegenheitsspiel verwenden können:

# Persona

You are an expert developer proficient in both front- and back-end development
with a deep understanding of Node.js, Next.js, React, and Tailwind CSS. You
create clear, concise, documented, and readable TypeScript code.

You are very experienced with Google Cloud and Firebase services and how
you might integrate them effectively.

# Coding-specific guidelines

- Prefer TypeScript and its conventions.
- Ensure code is accessible (for example, alt tags in HTML).
- You are an excellent troubleshooter. When analyzing errors, consider them
  thoroughly and in context of the code they affect.
- Do not add boilerplate or placeholder code. If valid code requires more
  information from the user, ask for it before proceeding.
- After adding dependencies, run `npm i` to install them.
- Enforce browser compatibility. Do not use frameworks/code that are not
  supported by the following browsers: Chrome, Safari, Firefox.
- When creating user documentation (README files, user guides), adhere to the
  Google developer documentation style guide
  (https://developers.google.com/style).

# Overall guidelines

- Assume that the user is a junior developer.
- Always think through problems step-by-step.

# Project context

- This product is a web-based strategy game with a marine life theme.
- Intended audience: casual game players between the ages of 17 and 100.

Dateien aus Gemini mit .aiexclude-Dateien ausschließen

Sie können festlegen, welche Dateien in Ihrem Code verborgen bleiben sollen, indem Sie .aiexclude-Dateien in Ihr Projekt einfügen.Gemini So können Sie genau festlegen, welchen Projektkontext Sie mit Gemini teilen.

Ähnlich wie bei einer .gitignore-Datei werden in einer .aiexclude-Datei Dateien erfasst, die nicht für Gemini freigegeben werden sollen, einschließlich der Chatfunktion und der KI-Funktionen, die im Editor ausgeführt werden. Eine .aiexclude-Datei wirkt sich auf Dateien im oder unter dem Verzeichnis aus, das sie enthält.

Dateien, die von .aiexclude abgedeckt werden, werden von Gemini nicht indexiert, wenn Codebase Indexing aktiviert ist. Außerdem wirkt sich .aiexclude auf die Inline-Unterstützung für abgedeckte Dateien folgendermaßen aus:

  • Chat-Unterstützung: Gemini kann keine Fragen zu Dateien beantworten oder Vorschläge zu Dateien machen, die unter .aiexclude fallen.
  • Codevervollständigung: Beim Bearbeiten von abgedeckten Dateien sind keine Vorschläge zur Codevervollständigung verfügbar.
  • Inline-Unterstützung: Sie können neuen Code generieren, aber keinen vorhandenen Code ändern, wenn Sie unterstützte Dateien bearbeiten.

Auch andere Entwicklungsumgebungen wie Android Studio unterstützen möglicherweise .aiexclude-Dateien.

.aiexclude-Dateien erstellen

Für eine .aiexclude-Datei gilt dieselbe Syntax wie für eine .gitignore-Datei, mit den folgenden Unterschieden:

  • Eine leere .aiexclude-Datei blockiert alle Dateien im zugehörigen Verzeichnis und allen Unterverzeichnissen. Dies entspricht einer Datei, die **/* enthält.
  • Bei .aiexclude-Dateien wird die Negation nicht unterstützt (Muster mit ! vorangestellt).

Beispiele

Hier sind einige Beispiele für .aiexclude-Dateikonfigurationen:

  • Blockieren Sie alle Dateien mit dem Namen apikeys.txt im Verzeichnis, das die Datei .aiexclude enthält, oder in einem Unterverzeichnis:

    apikeys.txt

  • Alle Dateien mit der Dateiendung .key im Verzeichnis, das die Datei .aiexclude enthält, oder in einem Unterverzeichnis dieses Verzeichnisses blockieren:

    *.key

  • Blockieren Sie nur die Datei apikeys.txt im selben Verzeichnis wie .aiexclude, aber keine Unterverzeichnisse:

    /apikeys.txt

  • Alle Dateien im Verzeichnis my/sensitive/dir und allen Unterverzeichnissen blockieren. Der Pfad sollte relativ zum Verzeichnis sein, das die Datei .aiexclude enthält:

    my/sensitive/dir/

Eigene Schlüssel verwenden: Andere Gemini-Modelle im Chat verwenden

:Diese Funktion ist experimentell.

Sie können das Gemini-Modell konfigurieren, das von Gemini in Firebase Chat verwendet wird. Sie können das integrierte Modell, im Chatfenster konfigurierte Modelle (einschließlich Gemini 2.5-Modelle) oder ein beliebiges Gemini-Modell auswählen, auf das Sie Zugriff haben.

Eine Liste aller verfügbaren Modelle finden Sie unter Gemini-Modelle.

So konfigurieren Sie Ihren Schlüssel und wählen ein anderes Gemini-Modell aus:

  1. Klicken Sie in Ihrem geöffneten Arbeitsbereich unten im Arbeitsbereich (oder auf dem Tab Gemini) auf spark Gemini.

  2. Klicken Sie im Chatfenster von Gemini in Firebase auf das Drop-down-Menü für den Modellnamen und dann auf den Link Gemini API-Taste. Die Nutzereinstellungen werden angezeigt.

  3. Geben Sie im Feld IDX > AI: Gemini Api Key (IDX > AI: Gemini API-Schlüssel) Ihren Gemini API-Schlüssel ein.

Sie können jetzt eines der vorkonfigurierten Gemini-Modelle im Chat auswählen.

So konfigurieren Sie ein Gemini-Modell, das nicht im Drop-down-Menü enthalten ist:

  1. Suchen Sie in der Liste unter Gemini-Modelle nach dem Gemini-Modell, das Sie im Chat verwenden möchten. Wenn Sie beispielsweise das aktuelle stabile Gemini 2.0 Flash‑Lite-Modell verwenden möchten, geben Sie gemini-2.0-flash-lite ein.

  2. Klicken Sie im Chatfenster von Gemini in Firebase auf die Modellauswahl und wählen Sie dann Benutzerdefinierte Modell-ID aus. Die Nutzereinstellungen werden geöffnet.

  3. Kopieren Sie den ausgewählten Modellnamen in das Feld IDX > AI: Gemini Model.

  4. Schließen Sie das Chatfenster und öffnen Sie es dann wieder, indem Sie unten im Arbeitsbereich auf spark Gemini klicken, um die Modellliste zu aktualisieren.

Nächste Schritte