Prettifying Code
Das „Aufhübschen“ von Code nennt man in der Fachsprache Beautifying oder Prettifying. Unter Windows gibt es dafür eine ganze Reihe von Programmen – von einfachen Texteditoren bis hin zu professionellen Entwicklungsumgebungen.
Hier sind die besten Optionen, sortiert nach Komplexität:
1. Visual Studio Code (VS Code) – Der Goldstandard[Bearbeiten]
VS Code ist aktuell das beliebteste Programm für Code. Es ist kostenlos und bringt die Funktion meist schon von Haus aus mit.
Wie es geht: Code einfügen, Rechtsklick und „Dokument formatieren“ (Tastenkürzel: Vorlage:Taste + Vorlage:Taste + Vorlage:Taste) wählen.
Pro-Tipp: Installiere die Erweiterung „Prettier“. Sie ist der Industriestandard für die Formatierung von HTML, CSS und JavaScript.
2. Notepad++ – Der Klassiker[Bearbeiten]
Viele nutzen Notepad++, weil es extrem schnell und leichtgewichtig ist. Für die Einrückung benötigst du hier ein Plugin.
Plugin: Gehe über den „Plugin Admin“ und suche nach „XML Tools“.
Wie es geht: Nach der Installation findest du unter Erweiterungen -> XML Tools die Option „Pretty print“ (Tastenkürzel: Vorlage:Key + Vorlage:Taste + Vorlage:Taste + Vorlage:Taste). Trotz des Namens funktioniert das oft auch hervorragend für HTML.
3. Webbrowser (Chrome, Edge, Firefox) – Ohne Installation[Bearbeiten]
Wenn du nur schnell mal Code lesen willst, der auf einer Website minimiert ist, brauchst du gar kein extra Programm.
Wie es geht: Drücke Vorlage:Taste (Entwicklertools), gehe auf den Reiter „Sources“ (Quellen) und öffne die Datei.
Der Zaubertrick: Unten links im Code-Fenster findest du ein kleines Icon mit zwei geschweiften Klammern { }. Ein Klick darauf macht den Code sofort lesbar („Pretty Print“).
4. Sublime Text – Schnell & Edel[Bearbeiten]
Ein sehr eleganter Editor, der besonders bei Webentwicklern beliebt ist.
Plugin: Über das „Package Control“ installierst du das Plugin „HTML-CSS-JS Prettify“.
Vorteil: Es nutzt im Hintergrund node.js, was die Formatierung extrem präzise macht.
Vergleich der Werkzeuge[Bearbeiten]
| Programm | Schwierigkeit | Besonders geeignet für... | Kosten |
|---|---|---|---|
| VS Code | Mittel | Komplette Projekte, tägliche Arbeit | Kostenlos |
| Notepad++ | Einfach | Schnelles Bearbeiten einzelner Dateien | Kostenlos |
| Browser DevTools | Sehr einfach | Schnelles Reinschauen ohne Installation | Integriert |
| Prettier (CLI) | Profi | Automatisierung in Firmen-Workflows | Kostenlos |
Welches Tool ist das richtige für dich?[Bearbeiten]
Das hängt davon ab, wie oft du das machst. Wenn du nur gelegentlich Code-Schnipsel lesbar machen willst, ist Notepad++ mit XML Tools oder einfach ein Online-Beautifier (wie beautifier.io) am unkompliziertesten. Wenn du vorhast, öfter mit Code zu arbeiten, führt kein Weg an VS Code vorbei.
