Entwicklungswerkzeuge (Ausgabe 2022)

20. November 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 und davon zu leben.

Das Foto ist von Ales Nesetril

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
• ✓ 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.