JavaScript Formatter
Understand JavaScript Formatter
Esta herramienta arregla el texto de JavaScript o TypeScript — finales de línea, espacios al final y series de líneas en blanco — y formatea la entrada como JSON cuando detecta que lo es.
How it works
Si el texto empieza por { o [ se intenta primero como JSON y, cuando se analiza correctamente, se imprime con sangría de dos espacios. En caso contrario la limpieza es puramente textual: los finales de línea CRLF y CR pasan a LF, se recortan los espacios al final de cada línea y tres o más líneas en blanco consecutivas se reducen a dos. Nada se analiza como código, así que nada de lo que su código significa puede cambiar; y, del mismo modo, una sangría que ya estuviera mal sigue estándolo.
When to use it
- Normalizar los finales de línea de un archivo que ha pasado por editores de Windows y de macOS.
- Formatear un bloque JSON que ha encontrado pegado dentro de un archivo JavaScript.
- Adecentar un fragmento antes de pegarlo en una incidencia o en un comentario de revisión de código.
- Limpiar una salida generada plagada de líneas en blanco sueltas y espacios finales.
Watch out for
- No vuelve a sangrar. El JavaScript minificado entra en una línea y sale en una línea: expandirlo requiere un analizador que reconstruya el código a partir de un árbol de sintaxis, y esto no lo es.
- Todo lo que empiece por { o [ se intenta como JSON, así que un fragmento que además resulte ser un objeto JSON válido vuelve reimpreso como JSON en lugar de quedarse como código.
- El estilo de comillas, los puntos y comas, el espaciado dentro de las expresiones y el ancho de línea no se tocan, así que esto no hará que un archivo se ajuste a una configuración de Prettier.
Not the right tool for: Formatear código que está a punto de confirmar. Prettier o el formateador de su editor analizan el código y producen un resultado estable en todo un equipo; use esto para adecentar rápidamente un texto que va a pegar en algún sitio.
Frequently Asked Questions
¿Por qué es más básico que Prettier?
Analizar por completo el AST de JS/TS requiere una biblioteca de 3 a 5 MB. Esta herramienta hace una limpieza rápida — normalizar los finales de línea, corregir la sangría, colapsar las líneas en blanco de más y detectar JSON incrustado — sin esa carga. Para formateo integrado en el editor, use la extensión Prettier de VS Code.
¿Puede formatear JavaScript minificado?
En parte: gestiona el patrón más habitual de objetos con aspecto de JSON incrustados en JS. El JS completamente minificado (todo en una línea, sin espacios) requiere un desensamblador de AST propiamente dicho, que esta herramienta no incluye.
¿Gestiona los módulos ES y TypeScript?
El formateador se basa en texto (no en el AST), así que gestiona cualquier sintaxis válida de JavaScript, incluidos import/export, async/await, los genéricos y las anotaciones de tipo, sin entenderlos. No eliminará por error la sintaxis propia de TypeScript.
How to Use JavaScript Formatter
- Paste or type your input in the input area above.
- The tool processes your input automatically or click Run.
- Copy or download the result using the action buttons.
- Use Ctrl+Enter to run quickly from the keyboard.