123SUDODocs
Führer

Code-Arbeitsbereich

Zeigen Sie mit 9xchat auf einen Projektordner, um Ihre Codebasis zu überprüfen, zu suchen, Skripte auszuführen, Git-Operationen auszuführen und KI-Unterschiede zu überprüfen.

Code verwandelt 9xchat in eine Agenten-Codierungsumgebung. Anstatt nicht zusammenhängende Snippets zu kopieren und einzufügen, öffnen Sie einen gesamten Projektordner auf der Festplatte. Der KI-Assistent kann Ihren Verzeichnisbaum durchsuchen, Dateien lesen, Code durchsuchen, Projektskripte ausführen, den Git-Verlauf überprüfen und Änderungen vorschlagen.

Der Code-Arbeitsbereich ist eine erweiterte Desktop-Funktion, die ein aktives Pro-Abonnement erfordert. Siehe Credits, Pro und Nutzung.

Einen Arbeitsbereich öffnen

  1. Legen Sie ein beliebiges Projektverzeichnis auf dem Code-Bildschirm ab oder klicken Sie auf Ordner auswählen.
  2. 9xchat indiziert die Ordnerstruktur und zeigt sie im linken Projektbereich an.
  3. Ihre letzten Arbeitsbereiche werden für einen schnellen Zugriff unter Zuletzt verwendete Arbeitsbereiche gespeichert.

Ein Arbeitsbereich kann mehr als einen Ordner enthalten. Fügen Sie einen zweiten Stammordner hinzu, wenn sich eine Änderung auf eine App und die Bibliothek erstreckt, von der sie abhängt. Der erste Ordner bleibt der primäre Stammordner, der darüber entscheidet, wo ein mehrdeutiger Pfad aufgelöst wird. Durch das Ändern der Ordner in einem Arbeitsbereich wird der KI-Rückgängig-Verlauf gelöscht, sodass Sie von der App zunächst aufgefordert werden, alle ausstehenden Änderungen beizubehalten oder abzulehnen, anstatt sie zu blockieren.

9xchat Code-Arbeitsbereich vor dem Öffnen eines Projekts, der einen Ordner-Drop-Bereich und die Funktion „Ordner auswählen“ bietet
Der Code wird in einem Ordner und nicht in einer einzelnen Datei geöffnet, wodurch die KI den vollständigen Kontext Ihres Projekts erkennt.

Arbeitsbereichsnavigation

Das Layout des Code-Arbeitsbereichs ist in spezielle Bereiche unterteilt:

  • Sitzungsseitenleiste: Behalten Sie separate Konversationsthreads für verschiedene Aufgaben in derselben Codebasis (z. B. Umgestaltung der Authentifizierungslogik statt Hinzufügen von Komponententests).
  • Datei-Explorer: Durchsuchen Sie Ihre Dateihierarchie mit Dateitypsymbolen und Ordnern Erweiterung.
  • Schneller Dateifinder (⌘P / Ctrl+P): Fuzzy-Suche nach Dateinamen in Ihrem gesamten Projekt, um direkt zu einer beliebigen Datei zu springen.
  • Volltext-Projektsuche: Grep-Text, Funktionen und Symbole im gesamten gesamter Arbeitsbereich mit Spielvorschau.
  • Syntax-hervorgehobene Dateivorschau: Dateien nebeneinander mit Zeilennummern anzeigen und Sprachhervorhebung.
9xchat Code-Arbeitsbereich mit geöffnetem Projekt: Sitzungen links, Dateibaum rechts und Ausführen und Manuell in der oberen Leiste
Ein offener Arbeitsbereich. Die obere Leiste enthält die Steuerelemente, die sich auf das gesamte Projekt auswirken – führen Sie die Einstiegsseite aus, wählen Sie die zulässigen Skripte aus und wechseln Sie zwischen manueller und automatischer Überprüfung.

Agentische Codierungstools

Beim Chatten in einer Code-Sitzung mit unterstützten Cloud-Modellen hat der Assistent Zugriff auf integrierte Entwicklertools:

WerkzeugkategorieFähigkeiten
DateioperationenLesen Sie Dateien, erstellen Sie neue Dateien, listen Sie Verzeichnisinhalte auf und durchsuchen Sie sowohl Dateinamen als auch Dateiinhalte
KI-Änderungen und -UnterschiedeSchlagen Sie exakte String-Ersetzungen oder Umschreibungen für eine oder mehrere Dateien vor
Git-IntegrationÜberprüfen Sie git status, zeigen Sie git diff an, überprüfen Sie den Commit-Verlauf und stellen Sie Commits bereit
SkriptläuferFühren Sie npm/yarn/pip-Skripte aus, führen Sie Testsuiten aus und überwachen Sie laufende Hintergrundprozesse
PaketverwaltungProjektabhängigkeiten prüfen und installieren
BrowserÖffnen Sie eine Seite in einem Bereich neben dem Arbeitsbereich und lesen Sie, was darauf steht

Die Inhaltssuche verwendet ripgrep, wenn es auf Ihrem Computer installiert ist, wodurch die Datei- und Ergebnisobergrenzen entfernt werden, die für einen JavaScript-Scan erforderlich sind. Der Assistent ruft in beiden Fällen dasselbe Tool auf, sodass sich an der Konversation nichts ändert – ein großes Repository wird einfach nicht mehr in verkürzter Form durchsucht.

Unabhängig davon, ob Ripgrep vorhanden ist oder nicht, entscheiden dieselben Regeln, welche Dateien gelesen werden dürfen. Eine schnellere Suche erweitert nicht das, was der Assistent sehen darf.

Der Agenten-Codierungsworkflow basiert auf Tool-Aufruffunktionen, die von Cloud-Modellen unterstützt werden. Ollama-Modelle unterstützen derzeit keine Toolausführung in 9xchat.

Überprüfung von KI-Änderungen

Änderungen werden eher inszeniert als geschrieben, und der Diff-Viewer zeigt Hinzufügungen und Löschungen mit Zeilennummern und Syntaxhervorhebung an. Keepschreibt die Änderung auf die Festplatte;Rückgängig machen verwirft es.

Manuell und automatisch

Jede Sitzung ist entweder manuell– jede Änderung wartet darauf, dass Sie sie behalten oder rückgängig machen – oderautomatisch, wobei Änderungen sofort wirksam werden, wenn sie vorgenommen werden. Das Löschen und Umbenennen einer Datei ist immer noch im Auto-Modus erforderlich, da dies die beiden sind, deren Rückgängigmachung mühsam ist.

Der automatische Modus gilt pro Sitzung und wird beim Neustart der App auf manuell zurückgesetzt. Der Schreibzugriff sollte nicht über mehrere Starts hinweg stillschweigend bestehen bleiben.

Der Auto-Modus stoppt von selbst, wenn die Anwendung fehlgeschlagen ist oder nach zehn Runden ohne Überprüfung, und die Karte zeigt an, was. Ein langer Refactor durchläuft legitimerweise mehrere Runden – und das gilt auch für ein Modell, das seine eigene fehlerhafte Bearbeitung in einer Schleife durchläuft. Von der Innenseite der Schleife aus sehen die beiden identisch aus, daher ist es die Zählung, die den zweiten stoppt. Durch erneutes Einschalten der Automatik wird der Zähler zurückgesetzt.

Halten Sie Ihren Code unter Versionskontrolle

Wenn Sie eine KI-Bearbeitung beibehalten, werden echte Dateien in Ihrem Projektverzeichnis auf der Festplatte geändert. Arbeiten Sie immer in einem Git-Repository oder führen Sie ein Backup, damit Sie Änderungen bei Bedarf rückgängig machen können.

Ausführen der Skripte dieses Projekts

Skripte, die der Assistent ausführen kann listet auf, was package.json definiert, und ermöglicht Ihnen, sie einzeln zu aktivieren. Standardmäßig ist nichts aktiviert, daher kann ein neuer Arbeitsbereich nichts ausführen, bis Sie sagen, welche Skripte sicher sind – und wenn das Projekt kein package.json hat oder keine Skripte definiert, sagt das Dialogfeld dies, anstatt eine leere Liste anzubieten.

Wenn Sie den automatischen Modus aktivieren, wird jedes Skript in der Liste aktiviert, solange es aktiviert ist.

Die Skripte, die der Assistent ausführen kann, führen einen Dialog auf, der Build, Dev, Lint und Test auflistet, wobei Lint und Test aktiviert sind
Jedes Skript wird einzeln aktiviert und die Zeile darunter zählt weiter. Nichts ist eingeschaltet, bis Sie es einschalten.

Ein Skript, das weiter ausgeführt wird – ein Entwicklungsserver, ein Watcher – wechselt zu Skripts ausführen, wo Sie seine Ausgabe lesen oder stoppen können. Die Ausgabe ist wiederholbar, sodass eine zu einem früheren Zeitpunkt in einer Sitzung gestartete Hintergrundausführung auch dann noch gelesen werden kann, wenn Sie fortfahren, und die Anzahl der ausgeführten Prozesse in der oberen Leiste sichtbar bleibt. Ein Prozess, den Sie nicht sehen können, ist das Einzige, was diese Fähigkeit niemals erzeugen darf.

Vorschau einer Seite

Ausführen erscheint, wenn der Arbeitsbereich ein HTML-Eintragsdokument enthält, und öffnet es in einer Ausführungsvorschau neben dem Editor. Lokale Stylesheets, Skripte und Bilder werden aus dem Arbeitsbereich geladen, sodass die Seite als Ganzes und nicht nur als bloßes Markup gerendert wird.

Die Vorschau ist isoliert: kein Zugriff auf die App, kein Netzwerk und kein eigener Dateizugriff. Aus diesem Grund wandern die Ressourcen innerhalb des Dokuments – und auf einer Seite, die aus dem Internet abgerufen wird, werden diese Anfragen als blockiert angezeigt.

Die Arbeitsbereichsvorschau führt eine lokale Seite aus und zeigt deren Logo, Überschrift und drei Listeneinträge, die von einem eigenen Skript erstellt wurden
Die Seite, wie sie tatsächlich ausgeführt wird: ihr Stylesheet, ihr SVG-Logo und die Liste, die ihr verzögertes Skript erstellt, nachdem das Dokument analysiert wurde.

Browser öffnet eine echte Seite in einem Bereich neben dem Arbeitsbereich, der die andere Hälfte darstellt: Die Vorschau gilt für ein Dokument, das Sie bearbeiten, der Browserbereich für eines, das Sie gerade betrachten.

Erinnerungen an den Arbeitsplatz

Eine Code-Sitzung kann sich Dinge merken, die sich auf den Arbeitsbereich und nicht auf die Konversation beziehen, sodass eine Tatsache darüber, wie ein Projekt erstellt wird, auch in der nächsten Sitzung auf derselben Codebasis erhalten bleibt. Sitzungsspeicher listet Arbeitsbereichsspeicher über Sitzungsspeichern auf; beide befinden sich auch in Library → Memories, wo ein Arbeitsbereichsfilter sie nach Namen anzeigt.

Beobachten, was es kostet

Sitzungsnutzung anzeigen schlüsselt auf, was eine Codierungssitzung ausgegeben hat. Der Agent liest wiederum mehr Dateien und ruft mehr Tools auf als ein Chat. Es lohnt sich also, dies bei einem langen Refactoring zu überprüfen und nicht am Ende des Monats.

Auf dieser Seite