HERRAMIENTAS DE DESARROLLO

JavaScript Embellecedor

Formatee JavaScript desordenado con Prettier en su navegador. Elija analizador, ancho, sangría, comillas, punto y coma, comas finales y manejo de código incrustado.

JavaScript formateador

La salida se actualiza automáticamente con Prettier a medida que escribe, pega, carga un archivo o cambia opciones. El formateo se ejecuta en este navegador. Opciones de

Prettier
Formato actual

-

Bytes de salida
Bytes de entrada
0
Bytes agregados
0
Líneas de entrada
0
Líneas de salida
0

Pegue JavaScript válido para ver la salida formateada automáticamente.

Guardado en este dispositivo

Los resultados de embellecimiento recientes permanecen solo en este navegador.

No data
Aún no se han guardado resultados de embellecimiento.

Cómo embellecer JavaScript de forma segura

Qué hace este formateador

Formato Prettier

Esta herramienta usa Prettier en el navegador, por lo que los fragmentos pegados coinciden con las mismas reglas de formato que usan muchos proyectos.

Opciones reales de Prettier

Utilice las opciones de analizador, ancho de impresión, tabulaciones, punto y coma, comillas, comas finales y corchetes del propio Prettier.

Complementos locales del navegador

Los complementos del analizador JavaScript, TypeScript, HTML, CSS, GraphQL, Markdown y YAML se incluyen localmente para formatear el navegador.

Errores comunes

Elegir el analizador incorrecto

Si TypeScript o TSX falla con el analizador JavaScript, cambie el analizador a TypeScript / TSX.

Esperando estilos de tirantes personalizados

Prettier es obstinado. No expone todas las opciones de estilo de llaves o espacios en blanco.

Utilizándolo como verificador de tipos

Prettier analiza e imprime el código. No verifica el tipo de código ni reemplaza la compilación de su proyecto.

Consejos

Pegar primero

Pegue el código o cambie una opción y la salida se actualizará automáticamente con la configuración actual de Prettier.

Combina tu proyecto

Utilice las mismas opciones de ancho de impresión, tabulaciones, punto y coma, comillas y comas finales que utiliza su proyecto.

Guardar fragmentos útiles

Guarde un resultado cuando desee comparar opciones o reutilizar el mismo fragmento más adelante en este navegador.