Ir al contenido
Utilizy

Formateador de código

Ordena JS, TS, CSS, HTML y JSON

Funciona en tu navegador

Entrada

Opciones

Resultado

Resultado

Todavía no se ha formateado nada

Pega código y pulsa formatear: el resultado aparecerá aquí.

Sigue las reglas por defecto de Prettier. Tu código nunca se sube.

Código minificado, código pegado desde una ventana de chat, código de un compañero que sangra de otra forma: todo se vuelve legible tras una pasada por un formateador. Aquí se ejecuta Prettier en local, dentro de la página.

Cómo se usa

  1. 1 Pega tu código.
  2. 2 Elige el lenguaje.
  3. 3 Ajusta la sangría, el ancho de línea y el estilo de comillas si lo necesitas.
  4. 4 Pulsa formatear y copia el resultado.

Preguntas frecuentes

¿Por qué se niega a formatear mi código?

Formatear exige analizar, y analizar exige sintaxis válida. Una llave que falta o una cadena sin cerrar lo detienen; el mensaje de error señala la posición, que suele ser más rápido que buscar a ojo.

¿Puede formatear código minificado?

Sí, y la estructura se recupera perfectamente. Lo que no vuelve son los nombres: los minificadores renombran las variables a una sola letra y ningún formateador puede recuperar los originales.

¿Se envía mi código a algún sitio?

No. Prettier se carga en la página y se ejecuta en tu navegador, así que el código propietario se queda en tu máquina.

Combina bien con