Embellecer GraphQL en línea — consultas, mutaciones y SDL

Formatea consultas, mutaciones, fragmentos y SDL GraphQL con Prettier en el navegador. La herramienta no comprueba esquemas y no se envía nada.

Cargando…
Embellecimiento GraphQL
Embellecer GraphQL en línea. Indentación y espaciado coherentes, procesamiento en el navegador, sin subidas.

Funcionalidades

Indentación estándar para consultas y SDL.

Embellecer GraphQL

Indentación estándar para consultas y SDL.

Ejemplo básico

GraphQL fuente

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

GraphQL embellecido

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

Opciones de formateo

Ancho de impresión
Controla cuándo Prettier envuelve las líneas largas: más ajustado para consultas densas, más amplio para SDL anidado.

Las opciones específicas de JavaScript (punto y coma, comillas, coma final) no aplican a este lenguaje.

Formateo con Prettier

Formatea consultas, mutaciones y definiciones de esquema. Explora todas las herramientas en el hub de herramientas de desarrollo.

Procesamiento local y manejo de datos

Tu GraphQL se analiza y reformatea en el navegador con Prettier. No hay subidas, ni almacenamiento en servidor, ni cuenta requerida, así que sirve para esquemas propietarios, consultas y documentación interna.

Preguntas frecuentes sobre Embellecer GraphQL

Embellecimiento

¿Esquema o consulta?

Se admiten tanto documentos de consulta GraphQL como definiciones de tipos SDL.

¿Sintaxis inválida?

Los errores de sintaxis muestran un mensaje claro con pistas de línea. Corrígelos y reintenta.

¿Cómo validar SDL de esquema GraphQL?

El formateo está aquí (Prettier). Para validación de SDL de esquema vía buildSchema, usa Validar GraphQL en el cluster de herramientas API.

¿Se sube mi GraphQL a un servidor?

No. El embellecimiento se ejecuta íntegramente en tu navegador. Tu GraphQL nunca abandona tu dispositivo y FastMinify no lo almacena.

¿Puedo personalizar la indentación?

Sí. Elige 2 o 4 espacios o tabulaciones en la barra de opciones de Embellecer.

Embellecer

Haz el código legible con una indentación coherente — embellece JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML y más en tu navegador.

Explorar otras categorías de herramientas