Usa el dialecto PostgreSQL, así que los parámetros $1, las conversiones ::jsonb, los cuerpos de función entre $$, las cláusulas RETURNING, ILIKE y las CTE WITH RECURSIVE se formatean bien. Útil para consultas sacadas de pg_stat_statements o del log de un ORM.
Cómo se usa
- Elige el lenguaje (se detecta solo al pegar o soltar un archivo) y pega el código o abre un archivo.
- Embellecer reformatea con Prettier, o con sql-formatter para SQL. Elige sangría y ancho de línea; en JavaScript también comillas y punto y coma, en SQL el dialecto y las mayúsculas.
- Minificar quita comentarios y espacios en HTML, CSS, JSON, XML, SQL y GraphQL. En JavaScript y TypeScript solo compacta espacios y comentarios.
- Los errores de sintaxis muestran la línea y columna exactas con una marca. Toca el error para ir a él.
- Copia o descarga el resultado, o úsalo como nueva entrada.
- El formateo se ejecuta en un worker en segundo plano dentro de tu navegador: los archivos grandes no bloquean la página y tu código nunca se sube.
- Los plugins de cada lenguaje se cargan solo la primera vez que lo usas.
- Para embellecer se acepta JSON con comentarios o comas finales (JSONC); para minificar hace falta JSON estricto.
- YAML y Markdown no se pueden minificar de forma segura, así que solo se ofrece Embellecer.
Por qué usar un formateador
Un formato uniforme hace que las revisiones de código traten de la lógica y no de los espacios, y mantiene los diffs pequeños. Prettier es opinativo: vuelve a imprimir todo el archivo a partir de su árbol sintáctico, así que el resultado es el mismo sin importar cómo estuviera sangrado. Solo eliges unas pocas opciones: ancho de sangría o tabulaciones, ancho de línea (80 caracteres por defecto) y, en JavaScript, comillas simples o dobles y si añadir punto y coma.
Como el código se analiza antes, el formateador sirve además de comprobación rápida de sintaxis. Un corchete que falta o una etiqueta sin cerrar detienen el formateo y muestran una marca en la posición exacta, lo que suele ser más rápido que leer una traza de error.
Embellecer o minificar
Embellecer añade saltos de línea y sangría para las personas. Minificar quita comentarios y espacios para las máquinas: en HTML colapsa los espacios pero respeta el contenido de pre y textarea, en CSS elimina los comentarios salvo los bloques /*! licencia */, y en SQL, JSON, XML y GraphQL deja una sola línea compacta. En JavaScript y TypeScript solo compacta espacios y comentarios; no renombra variables como haría un empaquetador. YAML y Markdown dependen de los espacios, así que solo se ofrece embellecer.
Formatear SQL
SQL no tiene un estilo estándar. Aquí las palabras clave pueden ir en MAYÚSCULAS o minúsculas, y el ajuste de dialecto enseña al formateador la sintaxis de MySQL, PostgreSQL, SQL Server (T-SQL), Oracle PL/SQL, SQLite, BigQuery, Snowflake y otros, como los identificadores con acento grave, las conversiones :: o los parámetros $1.
Preguntas frecuentes
¿Se sube mi código a un servidor?
No. El formateo se ejecuta en un web worker dentro de tu navegador. El código no sale de tu dispositivo, algo importante con código privado o archivos con credenciales.
¿Qué lenguajes admite?
HTML, CSS, SCSS, LESS, JavaScript, JSX, TypeScript, TSX, JSON, SQL en 20 dialectos, XML, YAML, GraphQL y Markdown. El lenguaje se detecta al pegar o soltar un archivo.
¿El resultado coincide con Prettier en mi proyecto?
Sí, si usas las mismas opciones. El formateador es el propio Prettier, así que con la misma sangría, ancho de línea, comillas y punto y coma obtendrás lo mismo que con prettier --write.
¿Por qué falla el formateo con un error de sintaxis?
El formateador analiza el código antes de reimprimirlo, así que el código no válido no se puede formatear. El mensaje indica línea y columna; corrige el error ahí y volverá a formatearse.
¿Minificar JavaScript aquí renombra variables?
No. Solo elimina comentarios y espacios innecesarios. Para bundles de producción con renombrado y eliminación de código muerto, usa una herramienta de build como esbuild o Terser.
¿Puedo formatear JSON con comentarios?
Para embellecer, sí: se acepta JSON con comentarios y comas finales (JSONC, como en tsconfig.json). Para minificar hace falta JSON estricto.