Zum Inhalt springen

Code-Editor

Der Code-Editor von Blyck basiert auf der Monaco-Engine, derselben wie in VS Code. LSP-Sprachintelligenz, Inline-KI-Bearbeitung, Code-Ausführung, DB-Link (SQL-Autovervollständigung) und SFTP-Remote-Bearbeitung sind in den Bearbeitungsfluss integriert.

Per Doppelklick im Dateibaum oder in der Terminalausgabe öffnet sich der Editor. Über den Neue-Datei-Button im Baum lässt sich auch eine Untitled-Datei anlegen.

DateigrößeBehandlung
bis 2 MBÖffnen im Monaco-Editor
2 ~ 32 MBNur-Lese-Viewer (Anzeige [Nur Lesen] in der Registerkarte)
über 32 MBHinweis zum Öffnen mit der OS-Standard-App
FormatVerhalten
Bild (PNG·JPG·GIF·WebP·SVG usw.)Eingebauter Bild-Viewer
PDFEingebauter PDF-Viewer (bis 32 MB)
Markdown (.md)Über den Vorschau-Button in der Symbolleiste Umschalten zwischen gerendertem HTML ↔ Bearbeitungsmodus
Office (xlsx·docx·pptx)OS-Standard-App — Remote-Dateien werden automatisch heruntergeladen und ausgeführt

In Monaco integriert — keine Installation nötig

Abschnitt betitelt „In Monaco integriert — keine Installation nötig“

TypeScript und JavaScript funktionieren direkt über die in Monaco eingebaute Analyse-Engine. Keine separate Installation oder Konfiguration.

Python · Go · Rust · C · C++ · C# · Lua · Bash · JSON · YAML usw. nutzen dedizierte LSP-Server. Beim ersten Öffnen einer Datei der jeweiligen Sprache erscheint ein „Herunterladen?”-Modal; nach Genehmigung wird im Hintergrund automatisch installiert.

SpracheLSP-Server
PythonPyright
Gogopls
Rustrust-analyzer
C / C++clangd
C#csharp-ls
Lualua-language-server
Bashbash-language-server
JSON / YAMLvscode-json-language-server / yaml-language-server

Der Installationsfortschritt wird in der UI angezeigt; ist der Server bereits im System-PATH vorhanden, wird dieser bevorzugt verwendet. Andernfalls wird aus npm oder GitHub-Releases die zu OS·Architektur passende Binärdatei geladen und in der App aufbewahrt.

FunktionUnterstützung
Autovervollständigung (IntelliSense)
Hover-Hinweise (Typ·Signatur)
Diagnose (Syntax-·Typfehler als rote Linie)
Funktionssignatur-Hinweise
Symbolnamen gesammelt umbenennen
Gehe zu Definition✅ (innerhalb derselben Datei)

Inline-Bearbeitung im Cursor-Stil.

  1. Markiere Code (ohne Auswahl die gesamte Datei) und drücke Ctrl+I oder den Symbolleisten-Button AI (Ctrl+I)
  2. Gib im Eingabefeld nahe dem Cursor eine Anweisung ein — „Fehlerbehandlung hinzufügen”, „typsicher machen”. Mit Enter senden, Shift+Enter Zeilenumbruch, Esc abbrechen. Im Dropdown rechts im Eingabefeld kannst du auch das Modell (Claude/Codex) wechseln.
  3. Automatische RAG-Kontextsuche vor dem Senden — relevanter Code im Projekt wird gefunden und der KI mitgegeben (Anzeige „Suche relevanten Code…”, bis zu 4 Chunks). So entstehen Änderungen, die denselben Mustern·Konventionen folgen.
  4. Je nach erster Zeile der Antwort arbeitet es in zwei Modi:
    • MODE:EDIT — der Auswahlbereich als Inline-Diff (grün/rot) + Anwenden/Abbrechen-Symbolleiste, die gesamte Datei als Links-rechts-Split-Diff-Modal. Bei Anwendung im ChangeSet protokolliert.
    • MODE:ANSWER — ohne Code-Änderung als Erklärungs-·Review-Antwort im Popover angezeigt.

Eine angewendete (Apply) Änderung wird im ChangeSet der aktiven KI-Sitzung protokolliert und lässt sich später rückgängig machen.

Ctrl+I funktioniert auch außerhalb des Editors — drückst du es im Terminal, analysiert die KI die ausgewählte Ausgabe, und drückst du es im DB-Ergebnisraster, werden die ausgewählten Zellen als Kontext übergeben.

Nur bei lokal gespeicherten Dateien erscheint in der Symbolleiste der Button ▶ Ausführen. Während der Ausführung schaltet er auf ■ Stopp um.

Marker-DateiErkannter Typ
package.jsonNode.js
go.modGo
Cargo.tomlRust
*.csproj.NET
pyproject.toml / setup.pyPython / pytest
MakefileMake
CMakeLists.txtCMake
(einzelne Datei)sprachspezifische Skriptausführung
  • Zeigt Ausführungsbefehl ($), Standardausgabe (weiß) und Standardfehler (rot) in Echtzeit an (bis zu 5.000 Zeilen).
  • Problem Matcher — parst Fehler im Muster Dateiname:Zeilennummer und markiert sie im Editor mit einer roten Markierung. Per Klick springst du direkt zur betreffenden Zeile.

Beim Schreiben eines SQL-Literals in einer Codedatei kannst du die schemabasierte Autovervollständigung einer geöffneten DB-Verbindung nutzen.

  1. Wähle im DB-Dropdown rechts in der Symbolleiste eine Verbindung zum Verlinken.
  2. In SQL-Literalen im Code (eingebettetes SQL oder SQL-Scratchpad-Bedingungen) wird die Autovervollständigung aktiviert.
    • Tabellenvorschläge nach FROM/JOIN/UPDATE/INTO
    • Spaltenvorschläge nach Tabellenname.
  3. Über dem SQL-Statement wird die Code-Lens ▶ DB ausführen angezeigt. Bei Klick:
    • Abfrage (SELECT): sofortige Ausführung und Ergebnisanzeige
    • DML/DDL: Ausführung über ein Bestätigungsmodal

Öffnest du eine Remote-Datei aus dem Baum Terminal · SSH · SFTP, wird sie im Monaco-Editor angezeigt. Beim Speichern mit Ctrl+S wird sie sofort remote hochgeladen und im Änderungsverlauf protokolliert.

Der linke Dateibaum (Ctrl+Shift+E) behandelt lokal und SFTP-remote auf dieselbe Weise.

  • Git-Status-Badge? untracked, + staged, - deleted, ! Konflikt (nur lokaler Baum)
  • Neue Datei·neuer Ordner·Aktualisieren, F2 umbenennen, Delete löschen
  • Ctrl+C / Ctrl+X / Ctrl+V kopieren·ausschneiden·einfügen (Mehrfachauswahl möglich)
  • Auch per Doppelklick auf einen Dateinamen in der Terminalausgabe öffnet sich der Editor
  • Sucht Text im gesamten Projekt (Groß-/Kleinschreibung ignoriert, bis zu 500 Dateien auf einmal)
  • Auch SFTP-Remote-Ordner werden durchsucht
  • Ersetzen in zwei Varianten — Replace Selected (nur ausgewählte Treffer) / Replace All — mit einem Bestätigungsmodal „N Dateien, M Stellen ersetzen” vor der Ausführung

Der KI-Chat erkennt nicht nur den sichtbaren Code, den Auswahlbereich und die Cursorposition des aktiven Editors, sondern kann über das Tool editor_inject auch Code direkt in den Editor einfügen. Forderst du den Prüfmodus an, wird nicht sofort übernommen, sondern eine Diff-Karte (Apply/Reject) angezeigt, über die der Nutzer entscheidet.

Details siehe KI-Chat & RAG-Suche.

TasteAktion
Ctrl+IInline-KI-Bearbeitung
Ctrl+SSpeichern (bei Remote hochladen)
Ctrl+FDatei-interne Suche (Regex-Unterstützung)
Ctrl+HDatei-internes Suchen·Ersetzen
Ctrl+Shift+GProjektweites Suchen·Ersetzen
Ctrl+LAktuelle Datei an KI-Chat anhängen
EscZurück zum Dateibaum
Ctrl+KRAG-Suche
Ctrl+Shift+HÄnderungsverlauf (ChangeSet)
Ctrl+= / Ctrl+- / Ctrl+0Editor-Schrift vergrößern/verkleinern/Standard

F. Die LSP-Autovervollständigung funktioniert nicht. → Prüfe, ob es sich um eine Datei mit der jeweiligen Spracherweiterung handelt. Erscheint beim ersten Öffnen das „Herunterladen?”-Modal, musst du es genehmigen, damit installiert wird. Remote-SFTP-Dateien unterstützen kein LSP.

F. Der ▶ Ausführen-Button ist nicht sichtbar. → Bei Remote-Dateien oder Untitled-Dateien gibt es keinen Ausführen-Button. Er erscheint nur bei lokal gespeicherten Dateien.

F. Im DB-Dropdown gibt es keine Verbindung. → Verbinde dich zuerst im DB-Client-Panel mit der DB. Das Dropdown aktualisiert bei jedem Öffnen die aktuelle Liste.

F. Die Markdown-Vorschau funktioniert nicht. → Öffnest du eine .md-Datei im Editor, erscheint der Vorschau-Button in der Symbolleiste. Per Klick wechselst du zum gerenderten HTML.

F. Ich habe eine Remote-Datei gespeichert, aber sie wird nicht hochgeladen. → Prüfe den SFTP-Verbindungsstatus. Im Baum Terminal · SSH · SFTP muss die Verbindung aktiv sein, damit beim Speichern mit Ctrl+S automatisch hochgeladen wird.

F. Ich möchte eine angewendete Inline-KI-Änderung rückgängig machen. → Öffne mit Ctrl+Shift+H das ChangeSet und drücke den Rückgängig-Button des betreffenden Eintrags. Details siehe Änderungsverlauf & Git.