Cómo funciona
Reindenta y ordena código JavaScript o TypeScript minificado, comprimido o mal alineado para dejarlo legible y consistente. Es útil para inspeccionar un bundle, revisar un snippet ajeno o normalizar el estilo antes de pegarlo en tu proyecto.
Podés elegir el tipo de indentación (espacios o tabulaciones), el tamaño de sangría y el fin de línea (LF o CRLF). El formateador respeta la estructura del código y agrega saltos de línea y sangrías coherentes sin cambiar la lógica.
Todo el procesamiento ocurre en tu navegador con js-beautify: el código no se sube a ningún servidor. Formatea solo el aspecto visual; no minifica, no transpila ni valida la sintaxis en profundidad.
Ejemplos
function sum(a,b){return a+b}
const r=sum(1,2);console.log(r)function sum(a, b) {
return a + b
}
const r = sum(1, 2);
console.log(r);Con sangría de 4 espacios: se separan las sentencias y se alinean las llaves.Casos de uso
- Volver legible un archivo .js minificado para entender qué hace.
- Unificar el estilo de indentación de un fragmento antes de sumarlo al proyecto.
- Revisar y comparar código de terceros con un formato consistente.
- Limpiar TypeScript pegado desde documentación o respuestas de una IA.
Preguntas frecuentes
¿Funciona con TypeScript además de JavaScript?
Sí. La herramienta formatea sintaxis de JavaScript y TypeScript, incluidas anotaciones de tipos, interfaces y genéricos. No transpila TypeScript a JavaScript: solo reordena el texto.
¿Formatear cambia el comportamiento del código?
No. Solo modifica espacios, sangrías y saltos de línea. La lógica y los identificadores quedan intactos; el código se ejecuta exactamente igual que antes.
¿Es lo mismo que minificar?
No, es lo contrario. Formatear agrega espacios y saltos para hacerlo legible; minificar los quita para reducir el tamaño. Si buscás comprimir, usá la herramienta de minificación.
¿Se sube mi código a un servidor?
No. El formateo ocurre íntegramente en tu navegador; el código nunca sale de tu equipo.