Der Editor ZED

Veröffentlicht in: ,
zed logo

Wir stellen den Editor ZED vor und zeigen, wie man ihn für bessere Lesbarkeit anpassen kann und was noch nicht funktioniert.

ZED ist ein in Rust geschriebener Open Source Code-Editor. Er wird als reaktionsschnell beworben, die intuitive Benutzeroberfläche mit minimalistischer Ästhetik ermöglicht eine effiziente Bearbeitung.

Wie in Visual Studio Code stehen Erweiterungen sowie Support für Remote-Verbindungen zur Verfügung.

Der Editor bietet KI-Unterstützung. Dazu können Sie die von Zed gehosteten Modelle nutzen, um direkt in der IDE mit einem Agent zusammenzuarbeiten. Alternativ binden Sie den Agent eines Drittanbieters ein oder verwenden Sie Ihre eigenen API-Key.

Accessibility-Warnung

Wichtig für Screenreader-Nutzer: ZED ist sowohl in der Flatpak-Version als auch mit nativer Installation nicht mit Screenreadern kompatibel.

Installation

Auf der Webseite des Herstellers ZED stehen Installer für Linux, macOS und Windows zur Verfügung. Unter Linux können Sie stattdessen ein Installationsskript nutzen oder die Flatpak-Variante installieren.

Für unseren Beitrag haben wir das Flatpak aus der Softwareverwaltung Discover unter TuxedoOS mit KDE-Plasma Desktop verwendet.

Setup

Nach dem ersten Öffnen des Editors erwartet Sie eine Übersicht mit grundlegenden Einstellungsmöglichkeiten.

ZED Startseite mit ersten Einstellungsmöglichkeiten.

Allerdings mit sehr kleiner Schrift, für Benutzeroberfläche und Editorbereich. Die globalen Einstellungen für Schriftgrößen, die Sie ggf. in der Einstellungsverwaltung Ihres Betriebssystems vorgenommen haben, werden ignoriert. Solche Änderungen haben meist nur Auswirkung auf Editoren, die auf das Desktop-System abgestimmt sind, wie z.B. KWrite oder Kate.

Um schnell erste Anpassungen vorzunehmen, können Sie die Vergrößerung Ihres Betriebssystems nutzen.

Das diskret verborgene Hauptmenü öffnen Sie mit einem Klick auf die Schaltfläche mit den drei Strichen oben links oder schneller mit der Taste F10.

ZED, links die Seitenleiste mit Menüpunkten für Einstellungen, rechts die einzelnen Optionen.

Das Menü Settings erreichen Sie direkt mit der Tastenkombination

Strg + , (Steuerung und Komma)

Der Cursor steht dann bereits im Suchfeld oben links. Von dort navigieren Sie mit der Tabulator-Taste oder den Pfeiltasten nach unten. Das jeweilige Untermenü öffnet sich mit Pfeil-rechts.

Über den zweiten Menüeintrag in der Seitenleiste finden Sie dann zahlreiche Anpassungsmöglichkeiten.

Darkmode ist bereits gewählt, wenn Ihr Betriebssystem dies verwendet. Das voreingestellte Theme „One Dark“ ist schon eine gute und augenfreundliche Wahl. Der automatische Wechsel zum hellen Modus kann deaktiviert werden:

ZED, Enstellungen für Theme und Dark Mode.

Das Menü „Appearance“ ist übersichtlich in Abschnitte gegliedert: nach dem ersten Abschnitt für das Theme folgen Einstellungen für die Schrift im Editor und anschließend für die der Benutzeroberfläche.

Schrift der Benutzeroberfläche

Voreingestellt sind hier 16px, wir haben die Einstellung auf 20 px erhöht. Damit wird die Schrift in den ausgeklappten Menübereichen größer, die Schriftgröße der Menüleiste wird nur moderat erhöht. Das ist auch sehr sinnvoll, weil man nach kurzer Zeit ohnehin die Menüpunkte kennt und nicht mehr Buchstabe für Buchstabe liest. Damit bleibt mehr Platz im Editor. Die Anordnung der Menüpunkte entspricht im Übrigen der vieler anderer Editoren, wie z.B. Visual Studio Code.

ZED Einstellungen: Schriftgröße der Benutzeroberfläche anpassen.

Das Programmfenster selbst übersteht diese massive Anpassung gut und fügt sich trotz vergrößerter Schrift in das Display ein. Das PopUp-Fenster für die Einstellungen hingegen gerät ein wenig aus den Fugen und ist deutlich größer als das Notebook-Display, wodurch nur noch ein Ausschnitt zu sehen ist. Es lässt sich aber mit gedrückter Maus an der oberen Fensterleiste greifen und verschieben oder bei zusätzlich gedrückt gehaltener Windows-Taste (Tux-Taste) von überall problemlos verschieben.

Schrift im Editor

Die voreingestellte Schriftart ZenMono ist bereits sehr gut lesbar. Sie haben aber die Wahl zwischen zahlreichen anderen Schriften. Im Editorbereich stehen zwei Möglichkeiten für die Schriftgröße zur Verfügung:

  • über das Menü Settings
  • per Tastenkombination direkt im Editor
Die aktuelle Schriftgröße des Editors per Tastenkombination oder über das Menü ändern.

Über das Menü ändern Sie dabei dauerhaft die Standardeinstellung für das Erstellen und Öffnen von Dokumenten.

Standard-Schriftgröße im Editor anpassen.

Per gewohnter Tastenkombination vergrößern oder verkleinern Sie die aktuelle Ansicht für alle geöffneten Dokumente:

Strg + Plus-Taste
Strg + Bindestrich

Man erreicht da beachtliche Vergrößerungsstufen! Glücklicherweise wurde anscheinend hier kein Limit gesetzt. Programm-Entwickler mit guten Augen können oftmals gar nicht nachvollziehen, dass jemand eine so starke Vergrößerung benötigt.

Der Editorbereich mit stark vergrößerter Schrift, die linke Seitenleiste ist eingeklappt.

Allerdings wächst auch der leere Bereich vor der Zeilennummerierung mit, so dass der eigentliche Textbereich dann immer schmaler wird. Wer die Zeilennummern gerade nicht braucht, kann sie über die Schaltfläche „Editor Controls“ oben rechts oder mit der Tastenkombination deaktivieren:

Strg + Shift + , (Steuerung + Umschalt + Komma)

Zusätzlich lässt sich mit der Tastenkombination

Strg + b

schnell das linke Dock mit der Dateiübersicht einklappen, so dass genug Platz zum Schreiben im Editor auch bei größerer Schrift bleibt.

Sehr angenehm ist die Möglichkeit, die Schriftstärke zu erhöhen, was oft die Lesbarkeit verbessert. Voreingestellt ist Font Weight 400. Und: die Schrift wird nicht „pixelig“.

Schließlich noch die Zeilenhöhe: Voreingestellt ist „Comfortable“. Diese Option trägt ihren Namen zu Recht, wir haben sie nicht geändert.

Weitere Anpassungen

Zusätzliche Einstellungen lassen sich direkt in der Einstellungsdatei settings.json vornehmen.

Die Datei settings.json im Editor geöffnet.

Außerdem können Sie noch die nachstehenden Bereiche anpassen:

  • die Schrift für das Agent Panel
  • das Aussehen des Cursors
  • die Hervorhebungen mit Kontrast

und vieles mehr.

Erweiterungen

Für ZED stehen zahlreiche Erweiterungen zur Verfügung. Eine gute Übersicht über alles, was es da so gibt, finden Sie bei GitHub:

https://github.com/zed-industries/extensions/tree/main/extensions

In ZED selbst richten Sie Erweiterungen ein über das Menü > Zed > Erweiterungen, das man auch per Tastenkombination erreicht:

Strg + Shift + x
Das Menü zur Installation von Erweiterungen, oben ein Suchfeld, darunter eine Leiste mit Filter-Optionen, darunter die Namen, mit Beschreibung, von verschiedenen Erweiterungen.

Über das Suchfeld und die Filter ist die gewünschte Erweiterung schnell gefunden und installiert.

Ausblick

Wir haben diesen Beitrag in ZED verfasst und dazu Markdown eingesetzt sowie Python-Skripte erstellt. Texte schreiben oder Programmieren, alles fühlte sich flott an. Die gute Anpassbarkeit mit nahezu unbeschränkter Vergrößerung im Editor und die intuitive Bedienung machen ZED zu einer guten Wahl für Vielschreiber und Programmierer gleichermaßen. Fast alle Aktionen lassen sich per Tastenkombination erreichen. Allerdings gibt es derzeit in keiner Programm-Version Zugriff für den Screenreader.

Wer sich für die Diskussion zu diesem Thema interessiert, findet Sie auf GitHub für die Screenreader-Unterstützung unter Windows und unter Linux .

Grafik: Website-Icon