Gemini in Arbeitsbereichen konfigurieren

Firebase Studio erleichtert Ihre Entwicklungs-Workflows mit den folgenden KI-gestützten Codefunktionen:

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

  • KI-Unterstützung im Chat, die den Arbeitsbereich berücksichtigt und vollständig in Ihren Code integriert ist. Sie kann Code generieren, übersetzen und erklären. Nach Ihrer Überprüfung und Genehmigung kann Gemini direkt mit Ihrem Arbeitsbereich interagieren, um Dateien zu aktualisieren, Terminalbefehle auszuführen, die Befehlsausgabe zu interpretieren und die nächsten Schritte zu bestimmen. Weitere Informationen finden Sie unter Try chat with Gemini within Firebase Studio.

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

  • Inline-Codeunterstützung.

PrototyperApp Prototyping agent

Sie können anpassen, wie Gemini Sie unterstützt, indem Sie die Einstellungen anpassen und KI-Regeldateien hinzufügen:

Gemini in Ihrem Arbeitsbereich verwenden

Mit Gemini können Sie Ihre Programmierproduktivität über das Chatfenster, Terminal oder die Inline-Codeunterstützung steigern.

  1. Verwenden Sie entweder den Chat oder die Inline-Codeunterstützung in Ihrem Arbeitsbereich:

    • So verwenden Sie den Chat: Klicken Sie in Ihrem geöffneten Arbeitsbereich unten auf „Arbeitsbereich“ auf spark Gemini at the bottom of the workspace.

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

  2. Beachten Sie, dass die folgenden beiden Optionen standardmäßig aktiviert sind:

    • Vorschläge während der Eingabe, die Inline-Codevervollständigung bieten.
    • Codebasisindexierung, die eine bessere Anpassung und hilfreichere Antworten ermöglicht.

    So ändern Sie diese Einstellungen für Ihre Arbeitsbereichseinstellungen in Zukunft:

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

Gemini Shortcuts

So öffnen Sie schnell den Chat mit Gemini: 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. Suchen Sie nach Gemini.

    Eine Liste der Gemini Befehle wird angezeigt.

Einstellungen für die Codevervollständigung anpassen

Um Ihnen beim Schreiben von Code zu helfen, bietet Firebase Studio eine KI-gestützte 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 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.

Einstellungen für die Indexierung der Codebasis anpassen

Sie können festlegen, ob Gemini Ihren Code indexieren soll. Wenn Sie Ihren Code indexieren, erhalten Sie hilfreichere Ergebnisse, wenn Sie den Chat oder die Inline-KI-Unterstützung verwenden.

Beachten Sie, dass die Codebasisindexierung standardmäßig aktiviert ist.

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

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

  • So aktualisieren Sie die Einstellungen im Firebase Studio Arbeitsbereich:

    1. Klicken Sie unten links im Arbeitsbereich auf 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. Wählen Sie Firebase Studio > KI: Codebasis indexierung aktivieren aus.

    4. Wenn Sie die Codeindexierung deaktivieren möchten, heben Sie die Auswahl von KI: Codebasisindexierung aktivieren auf. Sie müssen die Einstellungen für die Codeindexierung für jeden Ihrer Arbeitsbereiche aktualisieren.

Anweisungen für Gemini mit einer KI-Regeldatei anpassen

Sie können Kontext- und Systempromptinformationen hinzufügen, indem Sie eine KI-Regeldatei erstellen:

Gemini Chat priorisiert .idx/airules.md, verwendet aber GEMINI.md, wenn .idx/airules.md nicht vorhanden ist.

Gemini verwendet Ihre Regeln als Systemanweisungen und Kontext, passt die Antworten an Ihren Anwendungsfall an.

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

  • Die Persona von Gemini's beeinflussen und das Fachwissen spezialisieren.
  • Projektweite Standards anwenden, z. B. Codestil, Konventionen und Technologiepräferenzen.
  • Die Menge an Informationen reduzieren, die Sie explizit im Code oder im Chat teilen müssen, indem Sie wichtigen Kontext zu Ihrem Projekt bereitstellen.

KI-Regeldatei erstellen und testen

So erstellen und testen Sie Ihre KI-Regeldatei:

  1. Erstellen Sie in Ihrem Firebase Studio Arbeitsbereich eine neue Datei unter .idx/airules.md (oder GEMINI.md). Sie haben folgende Möglichkeiten:

    • Klicken Sie im Explorer (Ctrl+Shift+E) mit der rechten Maustaste auf das übergeordnete Verzeichnis und wählen Sie Neue Datei aus. Geben Sie einen Namen für die Datei ein und drücken Sie die Eingabetaste.
    • Öffnen Sie im Terminal mit Ihrem bevorzugten Texteditor GEMINI.md oder .idx/airules.md.

  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ß“), zu Codierungs- und Konversationsstandards sowie Kontext zum Projekt. Ein Beispiel für eine KI-Regeldatei finden Sie im folgenden Beispiel.

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

  4. Wenn Sie Ihre KI-Regeln verwenden möchten, haben Sie folgende Möglichkeiten:

    • Erstellen Sie den Arbeitsbereich neu, indem Sie die Seite aktualisieren. Nachdem Sie den Arbeitsbereich neu erstellt haben, Gemini verwendet die Regeldatei im Chat. Änderungen an der KI-Regeldatei sollten sofort übernommen werden.
    • Wenn Sie Ihren Arbeitsbereich nicht neu erstellen möchten, können Sie Gemini bitten, load GEMINI.md oder 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 Regeldatei zu laden.

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

    Gemini verwendet (in der Reihenfolge der Priorität) .idx/airules.md, GEMINI.md, .gemini/styleguide.md, AGENTS.md oder cursorrules.

Beispiel

Das folgende Beispiel zeigt eine einfache Regeldatei, die Sie für ein Casual Game verwenden können, das mit Next.js entwickelt wurde:

# 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 mit .aiexclude Dateien von Gemini ausschließen

Sie können festlegen, welche Dateien in Ihrer Codebasis für Gemini ausgeblendet werden sollen, indem Sie .aiexclude Dateien in Ihr Projekt einfügen. So können Sie den Projektkontext, den Sie mit Gemini detailliert steuern.

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

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

  • Chatunterstützung: Gemini kann keine Fragen zu Dateien beantworten oder Vorschläge zu Dateien machen, die von .aiexclude abgedeckt werden.
  • Codevervollständigung: Vorschläge zur Codevervollständigung sind beim Bearbeiten abgedeckter Dateien nicht verfügbar.
  • Inline-Unterstützung: Sie können neuen Code generieren, aber keinen vorhandenen Code ändern , wenn Sie abgedeckte Dateien bearbeiten.

Andere Entwicklungsumgebungen wie Android Studio berücksichtigen möglicherweise auch .aiexclude Dateien.

.aiexclude-Dateien schreiben

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

  • Eine leere .aiexclude-Datei blockiert alle Dateien im Verzeichnis und allen Unterverzeichnissen. Dies entspricht einer Datei, die **/* enthält.
  • .aiexclude-Dateien unterstützen keine Negation (Präfixmuster mit !).

Beispiele

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

  • Alle Dateien mit dem Namen apikeys.txt im Verzeichnis oder einem Unterverzeichnis, das die .aiexclude-Datei enthält, blockieren:

    apikeys.txt

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

    *.key

  • Nur die Datei apikeys.txt im selben Verzeichnis wie die .aiexclude-Datei blockieren, nicht in Unterverzeichnissen:

    /apikeys.txt

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

    my/sensitive/dir/

Eigenen Schlüssel verwenden: Andere Gemini Modelle im Chat verwenden

Sie können das Gemini Modell konfigurieren, das im Gemini Chat verwendet wird. Sie können zwischen dem integrierten Modell, Modellen, die im Chatfenster konfiguriert wurden, oder einem beliebigen 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 auf „Arbeitsbereich“ auf spark Gemini (oder auf den Tab Gemini).

  2. Klicken Sie im Gemini Chat-Fenster auf Symbol für KI-Einstellungen KI Einstellungen. Die Nutzereinstellungen werden angezeigt.

  3. Geben Sie im Feld IDX > KI: Gemini API-Schlüssel Ihren Gemini API Schlüssel ein.

  4. Wählen Sie im Drop-down-Menü IDX > KI: Modellanbieter die Option Gemini API aus.

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 das Gemini Modell, das Sie in Chat verwenden möchten. Geben Sie beispielsweise gemini-3-pro-preview ein, um das Gemini 3 Pro Preview Vorschaumodell zu verwenden.

  2. Klicken Sie im Gemini Chatfenster 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 > KI: Gemini-Modell.

  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