🍋
Menu
Web

Prettify

Prettify (Code-Formatierung)

Der Prozess des Umformatierens von Code oder Daten mit konsistenter Einrückung, Zeilenumbrüchen und Abständen, um sie menschenlesbar und verständlich zu machen — das Gegenteil von Minifizierung.

Technisches Detail

Prettifier parsen die Eingabe in einen AST (oder Token-Stream für einfachere Formate) und geben sie dann mit konfigurierbaren Formatierungsregeln zurück: Einrückungsstil (Leerzeichen vs. Tabs, Breite), Zeilenumbruch-Strategie, maximale Zeilenlänge, Klammern-Platzierung (gleiche Zeile vs. neue Zeile) und nachgestellte Kommas. JSON.stringify(obj, null, 2) ist der einfachste eingebaute Prettifier. HTML-Prettifier müssen Inline- vs. Block-Elemente und Pre-formatierte Abschnitte berücksichtigen. CSS-Prettifier erweitern Kurzschreibweisen und ordnen Eigenschaften. JavaScript-Prettifier (Prettier, js-beautify) behandeln ASI (automatische Semikolon-Einfügung) und komplexe Ausdrucks-Formatierung. Die meisten Prettifier sind über Plugins auf der Browser-Seite verfügbar.

Beispiel

```javascript
// Prettify: web API example
const response = await fetch('/api/resource');
const data = await response.json();
console.log(data);
```

Verwandte Tools

Verwandte Begriffe