jsonecho

Formateur GraphQL

Formatez des requêtes et schémas GraphQL pour que les sélections imbriquées soient faciles à lire.

Chargement de l'outil...

Comment utiliser Formateur GraphQL

Collez votre code. Le moteur de formatage se charge en un instant la première fois.
Ajustez les options si nécessaire.
Copiez le résultat formaté.

À propos de Formateur GraphQL

Les requêtes GraphQL grandissent vite. Une requête avec quelques sélections imbriquées s'étend déjà sur une douzaine de lignes, et quand elle est copiée depuis un log réseau elle arrive sur une seule. Ce formateur met chaque champ sur sa propre ligne et indente les sélections sous leur parent.

Il gère les requêtes, mutations, subscriptions, fragments et définitions de schéma (SDL). Les commentaires sont conservés.

Questions fréquentes

Valide-t-il par rapport à un schéma ?

Non. Il vérifie la syntaxe de la requête et vous dit où elle casse, mais ne peut pas connaître votre schéma.

Peut-il formater un fichier de schéma ?

Oui, les définitions de type, enums, interfaces et directives sont toutes prises en charge.

Le formateur réordonne-t-il les champs ?

Non. Les champs restent dans l'ordre où vous les avez écrits.

Pourquoi la première exécution a-t-elle pris une seconde ?

Le moteur de formatage pour ce langage est téléchargé la première fois que vous l'utilisez, puis mis en cache par votre navigateur. Ensuite, le formatage est instantané et rien ne quitte votre machine.

Plus dans Formateurs de code

Tous les outils →

Impression JavaScriptImprimez du JavaScript pour pouvoir le lire.Formater Impression CSSImprimez du CSS pour que chaque règle et propriété soit facile à lire.Formater Minifier CSSSupprimez les commentaires et les espaces pour obtenir le CSS le plus petit.Compresser Formateur C#Indentez du code C# et mettez les accolades et instructions sur leurs propres lignes.Formater Formateur JavaRemettez du code Java dans une mise en page lisible : une instruction par ligne, accolades indentées.Formater Formateur AngularFormatez des templates de composants Angular avec leurs directives structurelles et liaisons.Formater Formateur VueFormatez un composant monofichier Vue : template, script et style ensemble.Formater Formateur LessFormatez du code Less, avec ses variables, mixins et règles imbriquées.Formater