Formateador TypeScript
Formatea e indenta código TypeScript con una estructura limpia y legible en tu navegador.
Esta herramienta se ejecuta completamente en tu navegador. Tus archivos nunca se suben a un servidor.
type User= {
name:string;
age:number
};
const user:User= {
name:'Ada',age:36
};Qué hace este formateador
Añade saltos tras llaves de apertura, cierre y puntos y coma, con dos espacios por nivel — tratando interfaces, literales de tipo, clases y cuerpos de función de la misma forma, ya que para este formateador todos son simplemente bloques delimitados por llaves. Conserva cadenas normales, plantillas literales, escapes y comentarios de línea o bloque reconocidos mientras reduce otros espacios.
Cómo usarlo
Pega TypeScript y revisa el resultado inmediato. Copia la salida o usa Reset para vaciar el editor; Reset no recupera el ejemplo.
Comportamiento de formato
Se aplica la misma división por llaves y puntos y coma tanto si el bloque es el cuerpo de una función, una clase, una interfaz o un literal de tipo objeto — cada { abre una nueva línea con sangría y cada ; termina una línea. Los parámetros de tipo genéricos como <T> y la sintaxis de ángulos pasan como caracteres normales, ya que el formateador no analiza los tipos.
Límite importante
Es un formateador de llaves basado en caracteres, no un analizador, verificador de tipos ni impresor consciente del estándar TypeScript. No comprende genéricos, decoradores, anotaciones de tipo, tipos unión/intersección ni declaraciones ambient como construcciones distintas — tampoco comprende literales de expresiones regulares ni la inserción automática de punto y coma, ni informa de llaves sin pareja o código inválido. Puede alterar mal cuantificadores regex y sentencias sensibles a saltos.
Flujo seguro
Conserva el original y ejecuta el formateador real de tu proyecto (como Prettier), el compilador de TypeScript y tu batería de pruebas antes de confiar en la salida en producción — esta herramienta solo reorganiza el diseño, no verifica que el código siga pasando la comprobación de tipos.
Privacidad
El formato es local en tu navegador y el código pegado no se sube.
Preguntas Frecuentes
- ¿Qué hace Formateador TypeScript?
- Formatea e indenta código TypeScript con una estructura limpia y legible en tu navegador.
- ¿Cambia esta herramienta TypeScript el comportamiento?
- Solo cambia el diseño o espacios eliminables. Revisa la salida minificada si el código usa sintaxis inusual.
- ¿Se sube mi código?
- El procesamiento es local y tu código nunca se sube.