Rectangle für Entwickler: IDE-, Terminal- und Browser-Layouts, die funktionieren

Die meisten Entwicklungsarbeiten drehen sich um dieselben drei oder vier Fenster: einen Editor oder eine IDE, ein Terminal, einen Browser für Dokumentation oder eine laufende App, und manchmal eine Messaging-App, die man eigentlich ignorieren will. Rectangle app Standard-Tastenkombinationen passen sauber auf diese Rotation, ganz ohne mehr als das, was die kostenlose App von Haus aus mitbringt. Hier geht es um die Layouts, die sich zu kennen lohnen, und um die konkreten Probleme, die bei Entwickler-Tools auftauchen.

Ein Monitor: zwei Fenster

Der einfachste und häufigste Fall. Der Editor bekommt die Hälfte, auf die du am meisten schaust; Terminal oder Dokumentation die andere:

• ⌃⌥← — Editor auf die linke Hälfte
• ⌃⌥→ — Terminal oder Browser auf die rechte Hälfte

Fühlt sich die 50/50-Aufteilung für den Editor zu eng an (eine häufige Beschwerde bei einem 13-14-Zoll-Bildschirm, wo ein Code-Editor mehr horizontalen Platz braucht als ein Terminal), vergrößere eine Seite ein paarmal mit ⌃⌥= (Vergrößern), statt zu einem völlig anderen Layout zu wechseln. Eine eingebaute „60/40-Hälften”-Aktion gibt es nicht, Vergrößern/Verkleinern bei einem bereits halbierten Fenster ist der Weg, das anzunähern.

Ein Monitor: drei Fenster

Hier verdienen sich Drittel ihren Platz gegenüber Hälften. Eine sinnvolle Aufteilung:

• ⌃⌥E (erste zwei Drittel) — Editor, da Code mehr von Breite profitiert als ein Terminal
• ⌃⌥G (letztes Drittel) — Terminal

Damit bekommt der Editor zwei Drittel des Bildschirms und das Terminal ein Drittel, beides per Tastatur erreichbar, ohne eine Trennlinie zu ziehen. Willst du stattdessen drei ungefähr gleich große Spalten, schalte ein Fenster mit ⌃⌥D (erstes Drittel) durch, erneutes Drücken auf demselben Fenster wechselt zum mittleren Drittel, dann zum letzten Drittel, und platziere Editor, Terminal und Browser einzeln in die drei Positionen.

Zwei Monitore: das übliche Entwickler-Setup

Mit einem externen Display an einem Laptop, eine typische Aufteilung:

• Editor maximiert (⌃⌥↩) auf dem externen Display — der größte, schärfste Bildschirm verdient das, worauf du den ganzen Tag schaust.
• Terminal in einer Hälfte oder einem Drittel des externen Displays, wenn du es neben dem Editor sichtbar haben willst, oder mit ⌃⌥⌘← auf den Laptop-Bildschirm verschoben, wenn du das externe Display lieber für eine App reservieren willst.
• Browser oder Dokumentation auf dem Laptop-Bildschirm, maximiert oder halbiert mit einer Messaging-App.

Wechselst du häufig, welche App auf welchem Bildschirm läuft, etwa wenn du deinen Laptop-Bildschirm präsentierst und dabei Notizen auf dem externen Display behältst, verschieben Nächstes Display und Vorheriges Display das aktive Fenster hinüber, ohne es neu zu ziehen, was schneller geht als ein manuelles Ziehen, sobald sich das Muskelgedächtnis eingestellt hat.

Bekannte Reibungspunkte speziell bei Entwickler-Tools

Terminal-Apps und Größenänderung in Zeichenbreiten. iTerm2 ändert standardmäßig seine Größe nur in Schritten von vollen Zeichenbreiten statt in beliebigen Pixeln, wodurch Rectangle mac berechnete Hälfte oder Drittel leicht von dem abweichen kann, was du bei einer GUI-App bekommen würdest. Die dokumentierte Lösung:

defaults write com.googlecode.iterm2 DisableWindowSizeSnap -integer 1

Starte iTerm2 danach neu. Apples eigenes Terminal.app zeigt laut Rectangle app eigenem Maintainer dasselbe Rundungsverhalten, ohne dass derzeit eine vergleichbare Lösung dokumentiert ist, ist dir pixelgenaue Terminal-Größe wichtig, verhält sich iTerm2 mit dieser Einstellung vorhersehbarer als Terminal.app.

IDEs mit eigenen Tastenkombinationen. VS Code, JetBrains-IDEs und ähnliche Tools nutzen oft Control + Wahltaste-Kombinationen für eigene Befehle (zwischen Bereichen navigieren, Refactoring-Shortcuts), was mit Rectangle app Standardeinstellungen kollidieren kann. Statt Rectangle global neu zu belegen, nutze App ignorieren gezielt für die IDE: fokussiere sie, öffne das Rectangle-Menü, wähle App ignorieren. Rectangles Tastenkombinationen werden dann nur abgemeldet, solange diese IDE im Vordergrund ist, und die eigenen Belegungen der IDE funktionieren normal. Wechselst du zu einer anderen App, kommen Rectangles Tastenkombinationen automatisch zurück.

Vollbildmodus verändert, was ein Fenster überhaupt ist. Läuft dein Editor oder Terminal im nativen macOS-Vollbild (einem eigenen Space) statt als normal maximiertes Fenster, gelten Rectangles Aktionen zum Verschieben zwischen Displays und zum Ändern der Größe nicht so wie bei einer App im Fenstermodus, Vollbild-Apps sind keine gewöhnlichen, verschiebbaren Fenster. Halte die Apps, die du von Rectangle verwalten lassen willst, im Fenstermodus.

Ein Layout skripten, statt es von Hand neu aufzubauen

Da Rectangle ein URL-Schema bereitstellt, lässt sich ein festes tägliches Layout auf ein einziges Skript reduzieren, statt jeden Morgen vier separate Tastendrücke auszuführen:

open -a "Visual Studio Code"
sleep 0.5
open -g "rectangle://execute-action?name=first-two-thirds"

open -a "iTerm"
sleep 0.5
open -g "rectangle://execute-action?name=last-third"

Jeder Block aktiviert eine App, wartet kurz, bis sie im Vordergrund ist, und löst dann die passende Rectangle-Aktion aus. Speichere das als Shell-Skript oder binde es in ein Keyboard-Maestro-Makro ein, das über eine Tastenkombination ausgelöst wird, und „mein Coding-Layout einrichten” wird zu einem einzigen Tastendruck statt vier. Das musst du manuell bauen, und es passt sich nicht automatisch daran an, welches Display gerade angeschlossen ist, diese Art von Auslösen-beim-Display-Anschluss-Automatisierung ist eine eingebaute Funktion in Rectangle Pro, statt etwas, das sich mit Skripting in der kostenlosen Version sauber nachbauen lässt.

Kurzübersicht

Layout	Tastenkombinationen
Editor + Terminal, ein Monitor	⌃⌥← / ⌃⌥→
Editor + Terminal, ungleiche Aufteilung	⌃⌥E (Editor) / ⌃⌥G (Terminal)
Editor + Terminal + Browser, drei Spalten	⌃⌥D, mit wiederholtem Drücken durchschalten
Editor auf zweitem Display	⌃⌥⌘→ dann ⌃⌥↩
Eigene Tastenkombinationen der IDE ignorieren	IDE fokussieren → Rectangle-Menü → App ignorieren