Formateador de TypeScript

El formateador de TypeScript embellece TypeScript y TSX con sangría, espaciado, ajuste de líneas, punto y coma, comillas y comas finales coherentes. Comprende interfaces, alias de tipos, genéricos, enumeraciones, decoradores, sintaxis moderna de JavaScript y componentes de React.

Elige el analizador estándar de TypeScript o el de Babel TypeScript, selecciona tabulaciones o un número fijo de espacios y define un ancho de impresión predecible. Los errores de sintaxis se muestran por separado, en vez de mezclarse con la salida formateada.

El formato se realiza en tu navegador, por lo que el código fuente no se sube a un servidor. Pulsa Ctrl+Enter o Command+Enter para formatear y después copia o guarda el resultado.

Preguntas frecuentes sobre el formateador de código

¿Cómo formateo código en esta página?

Pega el código en el editor izquierdo o carga un archivo, elige las opciones necesarias y pulsa Formatear. Revisa el resultado a la derecha y después cópialo o guárdalo.

¿Por qué puede mostrar un error el formateador?

La entrada debe corresponder al lenguaje o la sintaxis seleccionados. Revisa sentencias incompletas, corchetes o comillas sin cerrar y un dialecto o modo que no coincida con la entrada antes de intentarlo de nuevo.

¿Cómo funciona un formateador de código?

Un formateador reconoce tokens y estructuras anidadas del lenguaje y reorganiza sangría, espacios y saltos de línea con reglas coherentes. No compila ni ejecuta el programa, por lo que no sustituye una revisión de corrección o seguridad.

¿Qué ajustes se recomiendan para este lenguaje?

Empieza con el modo TypeScript, 2 espacios y 80 o 100 columnas; conserva punto y coma, comillas y comas finales coherentes con el repositorio. Elige el modo TypeScript o Babel TypeScript, sangría, ancho de línea, comas finales, punto y coma y tipo de comillas para TypeScript o TSX.