Prettier
Prettier formatiert Code automatisch nach festen Regeln: Einrückung, Zeilenlänge, Anführungszeichen und Umbrüche sehen überall gleich aus, unabhängig davon, wer geschrieben hat. Das beendet Formatierungs-Diskussionen im Team und hält Diffs sauber, weil nur echte Änderungen auftauchen, kein Stil-Rauschen. Prettier kümmert sich bewusst nur um Formatierung, nicht um Code-Qualität, deshalb kombinieren wir es meist mit ESLint, das die inhaltliche Prüfung übernimmt. Wer beides in einem schnellen Werkzeug bündeln will, für den ist Biome die Alternative. Als White-Label-Partner richten wir Prettier über Format-on-Save und einen Pre-Commit-Hook ein und übergeben das dokumentierte Setup diskret an Ihre Agentur.
Wofür sich Prettier eignet
- Einheitliche Formatierung im gesamten Projekt
- Format-on-Save direkt im Editor
- Saubere Diffs ohne Stil-Rauschen
- Schluss mit Formatierungs-Diskussionen im Team
- Automatische Formatierung im Pre-Commit-Hook
Prettier in der Praxis
{
"semi": false,
"singleQuote": true,
"trailingComma": "all",
"printWidth": 100,
"tabWidth": 2,
"plugins": ["prettier-plugin-tailwindcss"]
}So arbeiten wir mit Prettier
- Prettier-Konfiguration nach Projekt-Konventionen festlegen
- Abgrenzung zu ESLint: Formatierung und Code-Qualität trennen
- Editor-Integration für Format-on-Save einrichten
- Pre-Commit-Hook, damit nur formatierter Code eingecheckt wird
- Optional einmalige Formatierung der bestehenden Codebase
- Übergabe: Konfiguration und Editor-Setup dokumentiert
Das liefern wir bei Prettier
- Konfiguriertes Prettier-Setup
- Sauberes Zusammenspiel mit ESLint
- Editor-Integration (Format-on-Save)
- Pre-Commit-Hook für automatische Formatierung
- Übergabe-Doku: Konfiguration und Konventionen
Häufige Fragen zu Prettier
Passende Leistungen
Interesse an Prettier?
Lassen Sie uns über Ihr Projekt sprechen. Wir beraten Sie gerne unverbindlich.