Firebase Studio unterstützt Ihre Entwicklungs-Workflows mit den folgenden KI-gestützten Codefunktionen:
Vorschläge zur Codevervollständigung während der Eingabe.
KI-Unterstützung beim Chatten, 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 direkt mit Ihrem Arbeitsbereich interagieren, um Dateien zu aktualisieren, Terminalbefehle auszuführen, die Befehlsausgabe zu interpretieren und die nächsten Schritte festzulegen. Weitere InformationenGeminiFirebase Studio
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 Sie unterstützt, indem Sie die Einstellungen anpassen und KI-Regeldateien hinzufügen:
- Einstellungen für die Codevervollständigung anpassen
- Einstellungen für die Indexierung der Codebasis anpassen
- Anweisungen für Gemini mit einer KI-Regeldatei anpassen:
- Dateien mit
.aiexclude-Dateien aus Gemini ausschließen. - Eigene Schlüssel verwenden: Andere Gemini-Modelle im Chat nutzen
- Anpassen, wie Gemini Codeänderungen vorschlägt oder anwendet
Gemini in Ihrem Arbeitsbereich verwenden
Mit Gemini können Sie Ihre Programmierproduktivität mithilfe des Chatbereichs, des Terminals oder der Inline-Code-Unterstützung steigern.
Verwenden Sie entweder den Chat oder die Inline-Codeunterstützung in Ihrem Arbeitsbereich:
Chat verwenden: Klicken Sie in Ihrem geöffneten Arbeitsbereich unten im Arbeitsbereich 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.
Die folgenden beiden Optionen sind standardmäßig aktiviert:
- Vorschläge bei der Eingabe: bietet Inline-Codevervollständigung.
- Indexierung der Codebasis, die eine bessere Anpassung und hilfreichere Antworten ermöglicht.
So ändern Sie diese Einstellungen für Ihren Arbeitsbereich in Zukunft:
- Informationen zum Aktualisieren der Einstellungen für die Codevervollständigung finden Sie unter Einstellungen für die Codevervollständigung 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 vom KI-Indexieren ausschließen. Weitere Informationen finden Sie unter Dateien mit
.aiexclude-Dateien aus Gemini ausschließen.
Gemini-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:
Öffnen Sie die Befehlspalette, indem Sie
Ctrl+Shift+P(oderCmd+Shift+Punter MacOS) drücken.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 einfügt, sobald Sie mit dem Tippen beginnen.
Die Codevervollständigung ist standardmäßig aktiviert.
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 Arbeitsbereich Firebase Studio:
Klicken Sie unten links im Arbeitsbereich auf Verwalten
und wählen Sie dann „Einstellungen“ aus oder drücken Sie
Ctrl+,(Cmd+,auf dem Mac).Wenn Sie die App Prototyping agent-Ansicht verwenden, klicken Sie auf Prototyper
Zu Code wechseln, um die Code-Ansicht zu öffnen.
Wählen Sie den Tab Workspace aus und suchen Sie dann nach der Einstellung Firebase Studio > AI > Enable Inline Completion (Firebase Studio > KI > Inline-Vervollständigung aktivieren).
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 relevantere Ergebnisse, wenn Sie Chat oder Inline-KI-Unterstützung verwenden.
Die Indexierung der Codebasis ist standardmäßig aktiviert.
Gemini.aiexclude
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"auftrueoderfalse.So aktualisieren Sie die Einstellungen im Arbeitsbereich Firebase Studio:
Klicken Sie unten links im Arbeitsbereich auf Verwalten
und wählen Sie dann „Einstellungen“ aus oder drücken Sie
Ctrl+,(Cmd+,auf dem Mac).Wenn Sie die App Prototyping agent-Ansicht verwenden, klicken Sie auf Prototyper
Zu Code wechseln, um die Code-Ansicht zu öffnen.
Wählen Sie den Tab Workspace aus und suchen Sie dann nach der Einstellung Firebase Studio > AI > Inline-Vervollständigung aktivieren.
Wählen Sie Firebase Studio > KI: Codebasisindexierung aktivieren aus.
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:
Bei Gemini-Chats wird .idx/airules.md priorisiert, aber GEMINI.md wird verwendet, wenn .idx/airules.md nicht vorhanden ist.
Gemini verwendet Ihre Regeln als Systemanweisungen und Kontext und 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 Ziele wie die folgenden zu erreichen:
- Die Rolle von Gemini beeinflussen und das Fachwissen spezialisieren.
- Projektweite Standards wie Codierungsstil, Konventionen und Technologiepräferenzen anwenden.
- Sie müssen weniger Informationen explizit im Code oder Chat angeben, da Sie wesentliche Kontextinformationen zu Ihrem Projekt bereitstellen.
KI-Regeldatei erstellen und testen
So erstellen und testen Sie Ihre KI-Regeldatei:
Erstellen Sie in Ihrem Firebase Studio-Arbeitsbereich eine neue Datei unter
.idx/airules.md(oderGEMINI.md). Sie haben die folgenden 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 der Datei einen Namen und drücken Sie die Eingabetaste. - Öffnen Sie
GEMINI.mdoder.idx/airules.mdim Terminal mit Ihrem bevorzugten Texteditor.
- Klicken Sie im Explorer (
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.
Speichern Sie die Datei und öffnen Sie Gemini.
Sie haben folgende Möglichkeiten, um Ihre KI-Regeln zu verwenden:
- Erstellen Sie den Arbeitsbereich neu, indem Sie die Seite aktualisieren. Nachdem Sie die App neu erstellt haben, verwendet Gemini die Regelfile im Chat. Änderungen an der Datei mit KI-Regeln sollten sofort wirksam werden.
- Wenn Sie Ihren Arbeitsbereich nicht neu erstellen möchten, können Sie Gemini bitten,
load GEMINI.mdoderload 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.
Fragen zu Ihrem Code stellen Gemini antwortet mit den Informationen, die Sie in der Regelfile als Kontext angegeben haben.
Gemini verwendet (in der Reihenfolge der Priorität)
.idx/airules.md,GEMINI.md,.gemini/styleguide.md,AGENTS.mdodercursorrules.
Beispiel
Im Folgenden finden Sie ein einfaches Beispiel für eine Regelsatzdatei, die Sie für ein mit Next.js entwickeltes Casual Game 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 mit .aiexclude-Dateien aus Gemini ausschließen
Sie können festlegen, welche Dateien in Ihrer Codebasis 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 Verzeichnis oder einem Unterverzeichnis aus, das die Datei 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
.aiexcludefallen. - Codevervollständigung: Vorgeschlagene Codevervollständigungen 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 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 die gleiche 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!voranstellen).
Beispiele
Hier sind einige Beispiele für .aiexclude-Dateikonfigurationen:
Alle Dateien mit dem Namen
apikeys.txtim Verzeichnis oder einem Unterverzeichnis, das die.aiexclude-Datei enthält, blockieren:apikeys.txtAlle Dateien mit der Dateiendung
.keyim Verzeichnis oder einem Unterverzeichnis, das die.aiexclude-Datei enthält, blockieren:*.keyNur die Datei
apikeys.txtim selben Verzeichnis wie die.aiexclude-Datei blockieren, nicht in Unterverzeichnissen:/apikeys.txtAlle Dateien im Verzeichnis
my/sensitive/dirund allen Unterverzeichnissen blockieren Der Pfad sollte relativ zum Verzeichnis sein, das die.aiexclude-Datei enthält:my/sensitive/dir/
Eigene Schlüssel verwenden: Andere Gemini-Modelle im Chat verwenden
Sie können das Gemini-Modell konfigurieren, das von Gemini-Chat verwendet wird. Sie können zwischen dem integrierten Modell, Modellen, die im Chatfenster konfiguriert sind, oder einem beliebigen Gemini-Modell, auf das Sie Zugriff haben, wählen.
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:
Klicken Sie in Ihrem geöffneten Arbeitsbereich unten im Arbeitsbereich (oder auf dem Tab Gemini) auf spark Gemini.
Klicken Sie im Gemini-Chatfenster auf
KI-Einstellungen. Die Nutzereinstellungen werden angezeigt.
Geben Sie im Feld IDX > AI: Gemini Api Key (IDX > KI: Gemini API-Schlüssel) Ihren Gemini API-Schlüssel ein.
Wählen Sie im Drop-down-Menü IDX > AI: Model Provider (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:
Suchen Sie in der Liste unter Gemini-Modelle nach dem Gemini-Modell, das Sie im Chat verwenden möchten. Wenn Sie beispielsweise
eingeben, wird das Gemini 3 Pro Preview-Vorschaumodell verwendet.gemini-3-pro-previewKlicken Sie im Gemini-Chatfenster auf die Modellauswahl und wählen Sie dann Benutzerdefinierte Modell-ID aus. Die Nutzereinstellungen werden geöffnet.
Kopieren Sie den ausgewählten Modellnamen in das Feld IDX > AI: Gemini Model.
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.