Souus Tools
Patrocinar

Desarrollo

Formateador de código — Prettier en línea

Formatear código en línea y gratuito con tecnología Prettier. Formate JavaScript, TypeScript, HTML, Vue, CSS, SCSS, JSON, YAML, Markdown y GraphQL con opciones personalizables. No requiere registro.

Gratis Sin registro Se ejecuta en tu navegador

Espacio de trabajo de la herramienta

¿Qué es el formato de código?

Esta herramienta utiliza Prettier, formateador de código estándar del sector, para formatear automáticamente su código de acuerdo con reglas de estilo consistentes. Prettier ofrece soporte a JavaScript, TypeScript, HTML, Vue, CSS, SCSS, Less, JSON, YAML, Markdown y GraphQL. Sustituye la formato original y aplica un estilo consistente, facilitando la lectura y el mantenimiento de la base de código.

Cómo usar este formateador de código

  1. 1Seleccione el lenguaje de programación en el menú desplegable.
  2. 2Cole el código no formateado en la zona de entrada o haga clic en Load Sample para probar un ejemplo.
  3. 3Ajuste las opciones de formateo: anchura de la tabulación, anchura de impresión, punto y coma y estilo de aspas.
  4. 4Haga clic en Format Code para formatear el código con Prettier.
  5. 5Copie el resultado formateado usando el botón Copiar.

Common Formateador de código — Prettier en línea use cases

Developer debugging

Use Formateador de código — Prettier en línea to quickly inspect generated output, API payloads, configuration values, or encoded data while building and debugging software.

Review before reuse

Validate or transform prettier, format, beautify, indent, javascript, typescript before adding the result to a project, document, form, message, or shared file.

Privacy-first browser processing

Run common prettier, format, beautify, indent, javascript, typescript tasks locally in the browser without sending sensitive development data to a backend service.

Preguntas frecuentes

¿Esta herramienta envía mi código a un servidor?

No. Toda formato se ejecuta localmente en el navegador con la versión standalone de Prettier. Su código nunca sale del dispositivo.

¿Qué versión de Prettier se usa?

Esta herramienta utiliza la versión más reciente de Prettier 3.x con todos los complementos oficiales de lenguaje.

¿Cuáles lenguajes y limitaciones de formación son compatibles?

La herramienta acepta JavaScript, TypeScript, HTML, Vue, CSS, SCSS, Less, JSON, YAML, Markdown y GraphQL. Prettier aplica sus propias reglas consistentes y no preserva necesariamente la formato original.