GraphQL-Formatierer online — Queries, Mutationen & SDL

Formatieren Sie GraphQL-Queries, Mutationen, Fragmente und SDL mit Prettier im Browser. Kein Schema-Validator — nichts wird hochgeladen.

Laden…
GraphQL Verschönerung
GraphQL online beautify. Konsistente Einrückung — sofortige Browserverarbeitung, keine Uploads.

Merkmale

Standardeinrückung für Abfragen und SDL.

Verschönern GraphQL

Standardeinrückung für Abfragen und SDL.

Einfaches Beispiel

GraphQL Quelle

query GetOrder($id: ID!) { order(id: $id) { id status customer { name email } lineItems { sku quantity price } } } fragment LineItemFields on LineItem { sku quantity }

Verschönert GraphQL

query GetOrder($id: ID!) { order(id: $id) { id status customer { name email } lineItems { sku quantity price } } } fragment LineItemFields on LineItem { sku quantity }

Formatierungsoptionen

Druckbreite
Steuert Prettier-Umbrüche — enger für Queries, breiter für verschachteltes SDL.

JavaScript-spezifische Optionen (Semi, Anführungszeichen, abschließendes Komma) gelten nicht für diese Sprache.

Formatierung mit Prettier

Formatiert Abfragen, Mutationen und Schemadefinitionen. Durchsuchen Sie alle Tools im Developer Tools Hub.

Lokale Verarbeitung & Daten

Ihr GraphQL wird im Browser mit Prettier geparst und neu formatiert. Keine Uploads, keine serverseitige Speicherung, kein Konto nötig — geeignet für sensible Schemas, Queries und interne Docs.

FAQ – Verschönern GraphQL

Verschönerung

Schema vs. Abfrage?

Es werden sowohl GraphQL-Abfragedokumente als auch SDL-Typdefinitionen unterstützt.

Ungültige Syntax?

Bei Syntaxfehlern wird eine klare Meldung mit Zeilenhinweisen angezeigt – beheben Sie den Fehler und versuchen Sie es erneut.

Wie validiere ich das GraphQL-Schema SDL?

Die Formatierung ist hier (Prettier). Für die Schema-SDL-Validierung über buildSchema verwenden Sie Validate GraphQL im API-Tools-Cluster.

Wird mein GraphQL auf einen Server hochgeladen?

Nein. Die Formatierung läuft vollständig in Ihrem Browser — Ihr GraphQL verlässt Ihr Gerät nicht und wird nicht von FastMinify gespeichert.

Indentation anpassen?

Ja — wählen Sie 2 oder 4 Leerzeichen oder Tabs in den Beautify-Optionen.

Verschönern

Machen Sie Code mit konsistenter Einrückung lesbar – verschönern Sie JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML und mehr in Ihrem Browser.

Weitere Werkzeugkategorien entdecken