11 lenguajes: JavaScript, TypeScript, JSON, CSS, SCSS, Less, HTML, SQL, YAML, Markdown, GraphQL 13 dialectos SQL con opciones de mayúsculas en palabras clave Minifica JS (Terser), CSS, HTML, JSON y SQL mostrando el ahorro Sangría o tabulaciones, ancho de línea, comillas y punto y coma Copia o descarga el resultado, con errores de sintaxis claros

Formateador y minificador de código - JS, TS, CSS, HTML, SQL

¿Por qué formatear y minificar código?

Formatear reescribe el código con sangrías, saltos de línea y espacios coherentes para que sea fácil de leer, revisar y comparar, algo muy útil con fragmentos minificados, SQL generado o archivos de configuración copiados. Minificar hace lo contrario: elimina espacios y comentarios (y en JavaScript acorta además los nombres locales con Terser) para reducir el tamaño de descarga. La herramienta usa Prettier, el formateador que ya usan la mayoría de proyectos JavaScript, y sql-formatter, que conoce la sintaxis de MySQL, PostgreSQL, SQL Server, Oracle PL/SQL, BigQuery y más.

Funciones

• 11 lenguajes: JavaScript, TypeScript, JSON, CSS, SCSS, Less, HTML, SQL, YAML, Markdown, GraphQL
• 13 dialectos SQL con opciones de mayúsculas en palabras clave
• Minifica JS (Terser), CSS, HTML, JSON y SQL mostrando el ahorro
• Sangría o tabulaciones, ancho de línea, comillas y punto y coma
• Copia o descarga el resultado, con errores de sintaxis claros

Tu código no sale de tu equipo

El formateo y la minificación se hacen por completo en tu navegador, así que las claves de API, consultas internas o código privado que pegues nunca se suben.

Prettier + sql-formatter, 100% en el cliente.

Cómo usar: Formateador de código

1
Elige la pestaña del lenguaje: JavaScript, TypeScript, JSON, CSS, SCSS, Less, HTML, SQL, YAML, Markdown o GraphQL. Pulsa Ejemplo para cargar código de muestra.
2
Pega tu código y ajusta las opciones: sangría o tabulaciones, ancho de línea, comillas y punto y coma, o para SQL el dialecto y las mayúsculas de las palabras clave.
3
Pulsa Formatear para embellecer el código con Prettier o sql-formatter, o Minificar para reducir JavaScript, CSS, HTML, JSON o SQL. El ahorro aparece sobre la salida.
4
Copia el resultado o descárgalo como archivo. Si hay un error de sintaxis, el mensaje indica la línea y la columna.

Ejemplos prácticos

Leer código minificado

Un script de terceros o un archivo empaquetado ocupa una sola línea. Formatéalo para ver la estructura y encontrar la función que necesitas depurar.

Limpiar SQL de los logs

Los ORM registran las consultas en una línea. Formatear con el dialecto PostgreSQL o MySQL separa SELECT, JOIN y WHERE para revisarlas y optimizarlas fácilmente.

Estilo coherente antes de un commit

Formatear con las mismas reglas de Prettier del proyecto (2 espacios, 80 columnas, comillas dobles) mantiene los diffs pequeños al pegar código de un chat.

Minificación rápida

Minifica un script o una hoja de estilos pequeña para una plantilla de correo, un campo de CMS o un <script> en línea sin montar herramientas de build.

Preguntas frecuentes

¿Formatear cambia cómo funciona mi código?+

No. Los formateadores solo cambian espacios, saltos de línea y, si lo eliges, las comillas y los puntos y coma opcionales. Terser además renombra variables locales al minificar, pero el comportamiento no cambia.

¿Por qué Minificar está desactivado en algunos lenguajes?+

Minificar YAML, Markdown, TypeScript o GraphQL rara vez sirve o cambiaría el significado (YAML depende de la sangría). TypeScript normalmente se compila a JavaScript y luego se minifica.

¿Qué dialecto SQL elijo?+

El de tu base de datos. Los dialectos difieren en comillas, funciones y palabras clave, como las comillas invertidas de MySQL o los casts :: de PostgreSQL, y elegir bien evita errores.

¿Se envía mi código a un servidor?+

No. Prettier, sql-formatter y Terser se ejecutan en tu navegador y solo se cargan al pulsar un botón, así que el código privado y las credenciales no salen de tu dispositivo.