Über Prettier Config
Ein kostenloses Open-Source-Tool, das Entwicklern hilft, Prettier ohne Aufwand zu konfigurieren.
Was ist dieses Tool?
Prettier Config Generator ist eine interaktive Webanwendung, die das Konfigurieren von Prettier mühelos macht. Anstatt JSON manuell zu schreiben und jede Option in der Dokumentation nachzuschlagen, können Sie jede Prettier-Einstellung visuell umschalten und anpassen, echten Code in 16 Sprachen mit Ihrer Konfiguration formatieren und das Ergebnis mit einem einzigen Link teilen. Es wurde für Entwickler entwickelt, die Zeit damit verbringen möchten, Code zu schreiben, anstatt Tools zu konfigurieren.
Funktionen
Bestehende Konfiguration übernehmen
Fügen Sie eine vorhandene .prettierrc, prettier.config.js oder den prettier-Schlüssel aus package.json ein — das Formular füllt sich passend aus. Anpassen, teilen oder kopieren, alle Schlüssel bleiben erhalten.
Jede Prettier-Version
Wählen Sie jede Prettier-3.x-Version (3.0 – 3.6 und latest). Die exakten Optionen für diese Version werden bei Bedarf von jsDelivr geladen.
Alle Sprachen, beide Tabs
Die Vorschau liefert für jeden Parser ein eigens dafür erstelltes Beispiel (TS, CSS, HTML, JSON/JSON5/JSONC, Markdown, YAML, Vue, GraphQL und mehr), damit jede Prettier-Option irgendwo ihre Wirkung zeigen kann. Ihr Code erkennt den Parser automatisch anhand des eingefügten Codes, mit manuellem Override.
Echter Code-Editor
CodeMirror 6 treibt das Eingabefeld mit Syntax-Highlighting, Zeilennummern, Tab-Einrückung und einem Theme, das dem Hell-/Dunkelmodus folgt.
Teilbare Konfigurationen
Klicken Sie auf Teilen und Ihre Version, Optionen, Code und Parser werden in den URL-Hash gepackt. Senden Sie ihn überall hin; alles bleibt im Browser.
Diff im GitHub-Stil
Sehen Sie genau, was Prettier mit einem einheitlichen oder geteilten Diff ändert, plus einer +X / −Y-Zusammenfassung im Kopfbereich wie bei einem Pull Request.
KI-Token-Zähler
Live-Token-Zählung für Ein- und Ausgabe über GPT-4o, GPT-4, GPT-3.5, Claude, Gemini, Llama 3 und Mistral — praktisch für Kostenschätzungen von KI-Pipelines.
Sichtbare Parse-Fehler
Wenn Prettier Ihre Eingabe ablehnt, erscheinen der exakte SyntaxError und seine Zeile:Spalte über dem Diff, statt stillschweigend verschluckt zu werden.
Persistente Auswahlen
Ihre Prettier-Version und Optionsauswahlen werden in localStorage gespeichert, sodass ein Refresh — oder ein Wiederkommen morgen — alles intakt hält.
20 Sprachen
Vollständig lokalisiert in Englisch, Thai, Chinesisch, Spanisch, Hindi, Deutsch, Französisch, Portugiesisch, Japanisch, Koreanisch, Russisch, Vietnamesisch, Indonesisch, Italienisch, Polnisch, Türkisch, Ukrainisch, Bengalisch sowie Arabisch und Persisch (RTL).
Erstellt mit
Open Source
Dieses Tool ist völlig kostenlos und Open Source. Beiträge, Fehlerberichte und Vorschläge sind immer willkommen.
Auf GitHub ansehenErsteller
Erstellt von
NooobtimeXMit Sorgfalt für die Entwickler-Community erstellt. Wenn Sie dieses Tool nützlich finden, geben Sie dem Repository auf GitHub einen Stern.