Mit Gemini in IDX chatten

Project IDX vereinfacht Ihre Entwicklungsabläufe mit einem KI-gestützten Chatbot. Bevor Sie die Chat-Hilfe von Gemini in IDX verwenden können, müssen Sie Gemini Ihrem Arbeitsbereich hinzufügen.

Verwenden Sie den vorgeschlagenen Code mit Vorsicht. Gemini in IDX befindet sich in der Vorabversion und kann fehlerhafte Antworten liefern. Validieren Sie den gesamten KI-gestützten Code und passen Sie ihn an Ihre Anforderungen an, bevor Sie ihn in einem echten Projekt verwenden. Wenn Sie nicht möchten, dass Ihre Prompts als Trainingsdaten verwendet werden, um Gemini in IDX zu verbessern, verwenden Sie den Chatassistenten nicht und deaktivieren Sie die Codevervollständigung in den Einstellungen Ihres Arbeitsbereichs.

Weitere Informationen finden Sie unter Generative Code Assistance.

Erste Schritte mit dem interaktiven Chat mit Gemini

1. Öffnen Sie Project IDX. Fügen Sie Ihrem Arbeitsbereich Gemini hinzu, falls Sie dies noch nicht getan haben.

2. Klicken Sie unten im Arbeitsbereich auf das Symbol Gemini oder drücken Sie Befehlstaste + Umschalttaste + Leertaste (Strg + Umschalttaste + Leertaste unter ChromeOS, Windows oder Linux). Die Seitenleiste Interaktiver Chat wird angezeigt.

Nachdem der interaktive Chat aktiviert wurde, können Sie Gemini Fragen stellen und Codevorschläge erhalten. Gemini kann sogar Ihre Projektkonfigurationsdateien und Ihren Code aktualisieren und Terminalbefehle direkt in Ihrem Arbeitsbereich für Sie ausführen. Gemini kann Sie bitten, Folgendes zu tun:

• Dateien ändern:Gemini kann eine Funktion hinzufügen, einen Fehler beheben oder Code umstrukturieren. Wenn Gemini Änderungen an einer Datei vorschlägt, sehen Sie zwei Optionen:
  • Datei aktualisieren:Sie können die Datei direkt mit den von Gemini vorgeschlagenen Änderungen aktualisieren.
  • Änderungen prüfen:Sie können die vorgeschlagenen Änderungen in einem anderen Fenster zur Überprüfung öffnen, bevor Sie sie anwenden.

• Terminalbefehle ausführen:Mit Gemini können Sie Befehle wie das Installieren von Abhängigkeiten oder das Starten eines Entwicklungsservers ausführen. Diese Befehle werden Ihnen möglicherweise von Gemini vorgeschlagen. Sie können Gemini aber auch bitten, sie auszuführen. Nachdem Gemini einen Befehl vorgeschlagen hat, wird die Schaltfläche Terminalbefehl ausführen angezeigt. Klicken Sie darauf, um den Befehl in einem Terminal in IDX auszuführen. Gemini führt den Befehl aus und interpretiert die Ergebnisse für Sie im Chatfenster. Außerdem hilft es Ihnen bei der Bestimmung der nächsten Schritte.

  Wichtig :Bei lang laufenden Befehlen (z. B. beim Ausführen eines Servers mit npm run dev) wird die Schaltfläche Trennen angezeigt. Klicken Sie auf Trennen, damit der Befehl im Terminal weiter ausgeführt wird und Sie wieder Zugriff auf den Chat haben.

Komplexe Aufgaben mit Interactive Chat erledigen

Mit dem interaktiven Chat mit Gemini, der die Workspace-Umgebung kennt und Dateien ändern und Terminalbefehle ausführen kann, kann Gemini Ihnen bei komplexen Entwicklungsaufgaben helfen, z. B.:

• Code dokumentieren:Gemini in IDX kann automatisch Dokumentationen im richtigen Format für Ihren Code generieren, wenn Sie „Dokumente für mich schreiben“ sagen. Nachdem Sie die Änderungen geprüft und gegebenenfalls die Antworten von Gemini mit zusätzlichen Prompts optimiert haben, können Sie die Dokumentation mit nur einem Klick in Ihren Code einfügen.
• Testfälle schreiben:Gemini in IDX kann Unit-Tests automatisch aktualisieren und generieren. Wenn Sie Gemini bitten, „meine Tests zu schreiben“, sucht Gemini nach einer vorhandenen Unit-Testdatei und kann der Datei fehlende Tests hinzufügen. Wenn keine vorhandenen Unit-Testdateien gefunden werden, wird der Unit-Test für Sie erstellt. Nachdem Sie die Tests geprüft und gegebenenfalls die Antworten von Gemini mithilfe zusätzlicher Prompts optimiert haben, können Sie die Testdatei mit nur einem Klick in Ihren Code einfügen oder aktualisieren und dann Gemini in IDX bitten, sie auszuführen.
• Abhängigkeiten verwalten:Sie können Gemini bitten, fehlende Abhängigkeiten in Ihrem Code zu erkennen und direkt über die Chatoberfläche zu beheben.
• Code refaktorisieren:Sie können Gemini bitten, Code für Sie zu refaktorisieren, z. B. eine Funktion zu extrahieren oder eine Variable in mehreren Dateien umzubenennen. Gemini generiert eine Liste der vorgeschlagenen Änderungen. Nachdem Sie die Änderungen geprüft und angewendet haben, können Sie Gemini bitten, Unittests zu aktualisieren und auszuführen, um die Refaktorisierung zu überprü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 containerisieren, 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 Testsuites auszuführen (z. B. „Meine Unit-Tests ausführen“ oder „Integrationstests ausführen“). Im interaktiven Chat mit Gemini wird der entsprechende Befehl für Ihr Projekt ausgeführt (z. B. npm test oder ein bestimmter Befehl für den Test-Runner) und die Testergebnisse werden in der Chatoberfläche angezeigt.

Slash-Befehle in Gemini Chat verwenden

Sie können die Ausgabe von Gemini Chat mithilfe von Schrägstrichbefehlen steuern. Das sind Tastenkürzel, die mit einem Schrägstrich (/) beginnen. Geben Sie / am Anfang Ihres Gemini Chat-Prompts ein und wählen Sie die gewünschte Aktion aus der Liste der verfügbaren Schrägstrichbefehle aus.

/generate dient beispielsweise als Prompt-Verknüpfung zum Generieren von Code-Snippets. Geben Sie /generate gefolgt von einer kurzen Beschreibung dessen ein, was Sie möchten.

/generate css for a black background gibt das folgende Code-Snippet zurück:

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. */

Geben Sie in Interactive Chat einen Schrägstrich ein, um eine vollständige Liste der Slash-Befehle aufzurufen.

Chatthreads verwalten

Sie können verschiedene Themen in Ihren Gemini-Chats voneinander trennen, indem Sie verschiedene Threads starten. Sie können dann nach Themen nach früheren Threads suchen.

Tipp : Die Auswahl eines vorherigen Chat-Threads ist besonders nützlich, wenn Sie Ihren Arbeitsbereich zurückgesetzt oder eine neue Sitzung gestartet haben. Sie können dann schnell dort weitermachen, wo Sie im interaktiven Chat mit Gemini aufgehört haben.

So starten Sie einen neuen Chat:

1. Klicken Sie auf das Pluszeichen oder wählen Sie im Drop-down-Menü in der Chat-Headerleiste Neuer Chat aus.

2. Geben Sie Ihren Prompt ein.

So wechseln Sie zu einem anderen Chat-Thread:

1. Maximieren Sie das Drop-down-Menü mit Ihren Chat-Threads in der Chat-Titelleiste.

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

3. Sie können diesen Chat-Thread fortsetzen oder frühere Chats mit Gemini in IDX aufrufen.

So löschen Sie einen Chat-Thread:

1. Wählen Sie in der Chat-Headerleiste im Drop-down-Menü für Chat-Threads den Chat-Thread aus, den Sie löschen möchten.

2. Klicken Sie in der Chat-Überschrift auf das Papierkorbsymbol. Bestätigen Sie, dass Sie den Chat-Thread löschen möchten.

Codezitaten im Chat ansehen

Damit Sie die Codevorschläge überprüfen können, stellt IDX Informationen zur ursprünglichen Quelle und zu den zugehörigen Lizenzen zur Verfügung. Sie können sich ein vollständiges Protokoll der Codezitaten im Gemini-Chatfenster ansehen, indem Sie in der Kopfzeile des Chats auf das Symbol für das Lizenzprotokoll klicken.

Weitere Informationen zu Google-Codezitaten finden Sie unter Generative Code Assistance.