Gemini in Firebase in Arbeitsbereichen einrichten

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

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

• KI-gestützte Unterstützung per Chat, die den Arbeitsbereich erkennt und vollständig in Ihren Code eingebunden ist. Es kann Code generieren, übersetzen und erklären. Mit Ihrer Überprüfung und Genehmigung kann Gemini in Firebase direkt mit Ihrem Arbeitsbereich interagieren, um Dateien zu aktualisieren, Terminalbefehle auszuführen, Befehlsausgaben zu interpretieren und die nächsten Schritte zu bestimmen. Weitere Informationen finden Sie unter Gemini mit Google chatten.

• Inline-Aktionen, die Sie auf ausgewählte Code-Abschnitte anwenden können. Sie können Gemini beispielsweise bitten, den ausgewählten Code leserlicher zu gestalten.

• Inline-Code-Unterstützung

Du kannst anpassen, wie Gemini in Firebase dir hilft, indem du die Einstellungen anpasst und KI-Regelndateien hinzufügst:

• Einstellungen für die Codevervollständigung anpassen
• Passen Sie die Indexierungseinstellungen Ihrer Codebasis an.
• Anleitungen für Gemini mit einer KI-Regelndatei anpassen
• Dateien aus Gemini mit .aiexclude-Dateien ausschließen
• Eigene Schlüssel verwenden: Andere Gemini-Modelle in Chat verwenden

Gemini in Firebase in Ihrem Arbeitsbereich verwenden

Mit Gemini in Firebase können Sie Ihre Produktivität beim Programmieren durch den Chatbereich oder die Inline-Code-Unterstützung steigern.

1. Sie können entweder die Chat- oder die Inline-Code-Hilfe in Ihrem Arbeitsbereich verwenden:

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

   • So verwenden Sie die Inline-Code-Hilfe: Geben Sie den Code ein und drücken Sie die Taste Tab, um Vorschläge anzunehmen.

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

   • Vorschläge bei der Eingabe, die eine Inline-Codevervollständigung ermöglichen.
   • Codebase-Indexierung, die eine bessere Anpassung und hilfreichere Antworten ermöglicht.

   So ändern Sie diese Auswahlmöglichkeiten für Ihre Arbeitsbereichseinstellungen in Zukunft:

   • Informationen zum Aktualisieren der Codevervollständigungseinstellungen finden Sie unter Codevervollständigungseinstellungen anpassen.
   • Informationen zum Aktualisieren der Einstellungen für die Codeindexierung finden Sie unter Einstellungen für die Codeindexierung anpassen.

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

Gemini in Firebase-Verknüpfungen

Chat schnell mit Gemini öffnen: Drücken Sie Ctrl+Shift+Space (oder Cmd+Shift+Space unter macOS).

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

1. Drücken Sie zum Öffnen der Befehlspalette Ctrl+Shift+P (oder Cmd+Shift+P unter macOS).

2. Suchen Sie nach Gemini.

   Eine Liste der Gemini-Befehle wird angezeigt.

Einstellungen für die Codevervollständigung anpassen

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.

Einstellungen für die Indexierung der Codebasis anpassen

Sie können festlegen, ob Gemini Ihren Code indexiert. Wenn Sie Ihren Code indexieren, erhalten Sie bei der Verwendung von Chat oder Inline-KI-Unterstützung hilfreichere Ergebnisse.

Die Indexierung der Codebasis ist standardmäßig aktiviert.

Sie können die Codeindexierung mit einer der folgenden Methoden aktivieren oder deaktivieren:

• 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 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. Wählen Sie Firebase Studio > KI: Indexierung der Codebasis 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.

Anleitungen für Gemini in Firebase mit einer KI-Regelndatei anpassen

Sie können Kontext- und Systemaufforderungsinformationen hinzufügen, indem Sie eine Datei mit KI-Regeln (.idx/airules.md) erstellen. Gemini in Firebase verwendet Ihre Regeln als Systemanweisungen und Kontext, damit die Antworten auf Ihren Anwendungsfall zugeschnitten sind.

Mit der Datei „KI-Regeln“ 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 Persona von Gemini beeinflussen und ihr Fachwissen spezialisieren.
• Projektweite Standards wie Codierungsstil, Konventionen und Technologieeinstellungen anwenden
• Sie müssen weniger Informationen explizit in Code oder Chat teilen, da Sie wichtigen Kontext zu Ihrem Projekt angeben.

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

KI-Regelndatei erstellen und testen

So erstellen und testen Sie die Datei mit KI-Regeln:

1. Erstellen Sie im Arbeitsbereich Firebase Studio eine neue Datei unter .idx/airules.md (im selben Verzeichnis wie die Datei dev.nix). Sie haben folgende 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. „Sie sind ein erfahrener Entwickler und hilfreicher Assistent, der alles über Next.js weiß“), Codierungs- und Konversationsstandards sowie Kontext zum Projekt. Im Beispiel unten finden Sie eine Beispieldatei mit KI-Regeln.

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

4. So können Sie Ihre KI-Regeln verwenden:

   • Aktualisieren Sie die Seite, um den Arbeitsbereich neu zu erstellen. Nach dem Neuaufbau verwendet Gemini in Firebase die Regeldatei in Google Chat. Änderungen an der Datei mit den KI-Regeln sollten sofort im Chat übernommen werden.
   • Wenn Sie Ihren Arbeitsbereich nicht neu erstellen möchten, können Sie Gemini über den Chat bitten, load airules.md zu kontaktieren. Wenn Sie während der aktuellen Sitzung Änderungen an der Datei vornehmen, müssen Sie Gemini möglicherweise noch einmal auffordern, die Regelndatei noch einmal zu laden.

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

Beispiel

Im Folgenden finden Sie ein einfaches Beispiel für eine 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 aus Gemini mit .aiexclude-Dateien ausschließen

Sie können festlegen, welche Dateien in Ihrer Codebasis vor Gemini ausgeblendet bleiben sollen, indem Sie .aiexclude-Dateien in Ihr Projekt aufnehmen. So können Sie den Projektkontext, den Sie für Gemini freigeben, detailliert steuern.

Ähnlich wie eine .gitignore-Datei überwacht eine .aiexclude-Datei Dateien, die nicht mit Gemini geteilt werden sollten, einschließlich des Chats und der KI-Funktionen, die im Editor verwendet werden. Eine .aiexclude-Datei wirkt sich auf Dateien im Verzeichnis aus, in dem sie sich befindet.

Dateien, die von .aiexclude abgedeckt sind, werden von Gemini nicht indexiert, wenn die Codebase-Indexierung aktiviert ist. Außerdem hat .aiexclude folgende Auswirkungen auf die Inline-Hilfe für unterstützte Dateien:

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

Andere Entwicklungsumgebungen wie Android Studio unterstützen möglicherweise auch .aiexclude-Dateien.

.aiexclude-Dateien schreiben

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

• Eine leere .aiexclude-Datei blockiert alle Dateien in ihrem Verzeichnis und allen Unterverzeichnissen. Dies entspricht einer Datei, die **/* enthält.
• In .aiexclude-Dateien wird die Negierung nicht unterstützt (das Präfixieren von Mustern mit !).

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 darunter:

  apikeys.txt
  

• Blockieren Sie alle Dateien mit der Dateiendung .key im Verzeichnis oder in den Unterverzeichnissen, das bzw. die die Datei .aiexclude enthält:

  *.key
  

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

  /apikeys.txt
  

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

  my/sensitive/dir/
  

Eigene Schlüssel verwenden: Andere Gemini-Modelle in Google Chat verwenden

Sie können das Gemini-Modell konfigurieren, das von Gemini in Firebase verwendet wird. Sie haben die Wahl zwischen dem integrierten Modell, im Chatfenster konfigurierten Modellen (einschließlich Gemini 2.5-Modellen) oder einem beliebigen Gemini-Modell, auf das Sie Zugriff haben.

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

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 Gemini in Firebase-Chatfenster auf das Drop-down-Menü für den Modellnamen und dann auf den Link Gemini API-Schlüssel. Die Nutzereinstellungen werden angezeigt.

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

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

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

1. Wählen Sie in der Liste unter Gemini-Modelle das Gemini-Modell aus, das Sie in Google Chat verwenden möchten. Geben Sie beispielsweise gemini-2.0-flash-lite ein, um das neueste stabile Gemini 2.0 Flash‑Lite-Modell zu verwenden.

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

• Probieren Sie Gemini in Firebase aus.