Softonic

Prettier-Konfigurationsgenerator

Schritt 1 / 2
Weiter

Wähle Werte für zehn gängige Prettier-Optionen und kopiere die erzeugte Konfiguration. Der Generator gibt JSON, YAML oder eine CommonJS-JavaScript-Datei aus. Er durchsucht kein Projekt, prüft die Konfiguration nicht mit Prettier und fügt weder Plugins noch Overrides hinzu.

So entsteht die Konfiguration

  1. 1

    Layout festlegen

    Zeilenbreite, Tabulatorbreite, Tabs oder Leerzeichen, Semikolons und Anführungszeichen wählen.

  2. 2

    Syntaxdetails festlegen

    Nachgestellte Kommas, Abstände in Klammern, Pfeilfunktionsklammern, Zeilenenden und JSX-Anführungszeichen wählen.

  3. 3

    Dateiformat wählen

    .prettierrc.json, .prettierrc.yaml oder eine CommonJS-.prettierrc.js mit module.exports erzeugen.

  4. 4

    Kopieren und prüfen

    Ausgabe im Projekt speichern und npx prettier --check . mit der installierten Prettier-Version ausführen.

Enthaltene Optionen

Option Verfügbare Werte
printWidth 40–200
tabWidth 1–8
useTabs, semi, bracketSpacing, jsxSingleQuote true oder false
singleQuote true oder false
trailingComma none, es5 oder all
arrowParens always oder avoid
endOfLine lf, crlf, cr oder auto

Zahlen werden auf die angegebenen Bereiche begrenzt. Die übrigen Felder bieten nur die aufgeführten Werte. Das sind nützliche Alltagseinstellungen, aber nicht alle von Prettier unterstützten Optionen.

Ausgabeformate

  • JSON erzeugt ein Objekt für .prettierrc.json.
  • YAML erzeugt Schlüssel-Wert-Zeilen für .prettierrc.yaml.
  • JavaScript setzt dasselbe Objekt als module.exports = { ... }; für eine CommonJS-.prettierrc.js.

Prettier unterstützt weitere Dateinamen und Modulformate. Dieses Werkzeug erzeugt nur die drei angezeigten Ausgaben und führt Prettier nicht aus. Prüfe die Datei daher mit der im Projekt installierten Version.

Datenverarbeitung

Die Bedienelemente sind serverseitige Felder; ihre Werte werden bei Aktualisierungen an den Server gesendet. In der zweistufigen Ansicht können sie zusätzlich in der URL stehen. Eine Prettier-Konfiguration enthält normalerweise keine Geheimnisse, dennoch gehören keine vertraulichen Daten in diese Felder oder in eine geteilte URL.

Häufig gestellte Fragen

Nein. Erzeugt werden die zehn im Formular gezeigten Optionen. Weitere unterstützte Einstellungen kannst du nach Prüfung der Dokumentation deiner Version manuell ergänzen.

Nein. Er erstellt nur den Konfigurationstext. Speichere ihn und führe npx prettier --check . im Projekt aus.

Nein. Die Ausgabe ist ein einzelnes flaches Objekt. Solche Einstellungen musst du bei Bedarf selbst ergänzen.

Das ist die von diesem Werkzeug erzeugte CommonJS-Form. Für eine ES-Modul-Konfiguration musst du Export und Dateinamen anpassen.

Verwandte Tools

Farbrad-Explorer

Erforschen Sie das Farbrad interaktiv. Rotieren Sie Harmonien, vergleichen Sie HSL mit RYB, erkennen Sie komplementäre und triadische Paare in Echtzeit.

ASCII-Tabelle Referenz

Vollständige ASCII-Tabelle von 0 bis 127 mit Dezimal-, Hex-, Oktal-, Binär- und numerischer HTML-Zeichenreferenz für jedes Zeichen, einschließlich Steuerzeichen wie NUL, LF und DEL.

HTML-Zeichenreferenz

Durchsuchbare Liste von HTML-Entitäten, ihren benannten und numerischen Codes sowie eine Ein-Klick-Kopie für Sonderzeichen und Symbole.

Referenz für Tastenkombinationen

Durchsuchen Sie dokumentierte Standardkürzel für VS Code, Chrome und Bash mit GNU Readline unter macOS, Windows und Linux.

CSS-Scrollbar-Generator

Passen Sie das Erscheinungsbild der Bildlaufleiste per CSS an. Modernes scrollbar-color / scrollbar-width und das ältere ::-webkit-scrollbar für breite Browser-Unterstützung.

Zufallsbuchstaben-Generator

Erzeugen Sie zufällige A-Z-Buchstaben. Wählen Sie Anzahl, Großschreibung, Kleinschreibung oder gemischte Schreibweise für Spiele, Aufgaben und Unterricht.

Tool in anderen Sprachen verfügbar