Entwicklungswerkzeuge 2022

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