Entwicklungswerkzeuge 2022
Viel hat sich getan, seit meinem letzten Artikel über Entwicklungswerkzeuge. 5 Jahre sind vergangen! In der Zwischenzeit habe ich unzählige Web-Projekte umgesetzt, an React-Native-Apps für iOS/Android gearbeitet, React-Anwendungen geschrieben und in jüngster Zeit wieder viel im Backend von Typo3 gearbeitet. Ich bin damit jetzt offziell seit über 25 Jahren dabei Hypertext in Computer zu tippen.
Was hat sich seit dem letzten Eintrag vor allem geändert?
Sublime Text→ Visual Studio Code
alles hat seine Zeit. Und Texteditoren sind auch gewissen Moden unterworfen in Entwicklerkreisen. Mich hat ein neues Projektteam ins VSC-Lager gezogen und da bin ich dann erstmal geblieben. Richtig eingerichtet, eine Freude darin zu arbeiten. Einige meiner Erweiterungen:- Go To Method
schnelles Wechseln zu Methoden in Klassen. Oft übersichtlicher als ein einfaches Befehl + R. Bei mir gemappt auf Alt + Befehl + R. - Better Comments
Kommentare im Code besser darstellen, vor allem // TODO: oder // FIXME: und Konsorten. - Git Blame
Einfach praktisch zu sehen, wer die aktuelle Codezeile verbrochen hat und wann. Erschreckend oft war ich es allerdings selbst. - PHP Intelephense
aus der PHP und vor allem Typo3- oder WordPress-Entwicklung nicht wegzudenken. - StandardJS
das selbe für die Javascript Welt (React, ReactNative, TypeScript) - Prettier
für einen einheitlichen Code-Standard
- Go To Method
- ✓ Tower 4
macOS-GUI für Git. Gut maintained und unersetzlich. Es gibt natürlich andere, aber man gewöhnt sich schnell an Komfort, wie Befehl + Z nach einem Commit, wenn doch noch nicht alles gepasst hat. - ✓ Chrome Canary
Immer noch meine erste Wahl als “Entwicklungs-Browser”. Langsam werden die DevTools allerdings unübersichtlich und fett. Sequel Pro→ Sequel Ace
MySQL/MariaDB-Client für macOS.- ✓ iTerm2
für alles an der Shell oder auf Servern. MAMP Pro→ ddev
sehr geniale Umgebung auf Basis von Docker, die eine fertige Entwicklungsumgebung liefert (Apache/Nginx, PHP, Node, MySQL/MariaDB)- ✓ Sketch
für alles was in Vektoren gestaltet wird. - ✓ Affinity Photo 2
für Bildbearbeitung. - Choosy
öffnet jeden Link im richtigen Browser/Programm (z.B. Zoom-Links in Zoom…, irgendwas.ddev.development in Chrome Canary). Und den Browser mal schnell zu wechseln ist auch einfach. - CleanShot X
Screenshots machen mit genau den richtigen Optionen (Anmerkungen usw.) außerdem auch Screen-Videos schnell und unkompliziert aufnehmen. - Dropshare
Dateien, Screenshots und Video “mal eben schnell” per Drag&Drop teilen. Die URL ist schon in der Zwischenablage, bevor die Datei ganz hochgeladen ist. Ideal kombinierbar mit eigenem Kurz-URL-Dienst und Upload nach AWS oder in eine andere Cloud. Sehr praktisch, quasi unverzichtbar. - ColorSnapper 2
Schnell mal einen Farbwert vom Bildschirm ermitteln oder einfach nur die Lupe benutzen. - ScreenBrush Plus
Vor allem um Boxen und Pfeile mal eben auf den Bildschirm zu malen. Besonders praktisch, wenn man per Zoom/Teams/Slack präsentiert. - Responsively
das aktuelle Projekt gleichzeitig in unterschiedlichen Breakpoints/Browsergrößen darstellen. Manchmal während der Entwicklung und beim Feinschliff von Layouts sehr praktisch.
Und fertig.