FORMATADOR JAVASCRIPT / MÁS BONITO

Formateador de JavaScript

El mismo resultado que Prettier en VS Code, directamente en el navegador.

Se ejecuta localmente · el código no está cargado
Opciones

TU PRÓXIMO PASO

Conecte herramientas útiles con el flujo de trabajo de su empresa

cree una cuenta de empresa para configurar el monitoreo del sitio web, el correo electrónico comercial y las notificaciones, e invite a su equipo a trabajar en conjunto.

Las nuevas empresas reciben una prueba Pro de 14 días, sin necesidad de tarjeta. Las pruebas excluyen la concesión de crédito mensual pagado.

¿Ya tienes una cuenta? Abre tu espacio de trabajo → (English)

Cómo usarlo

  1. Pegar código, soltar un archivo o cargar la muestra; el idioma está preestablecido para esta página y se puede cambiar.
  2. Elija formato o minimice y ajuste la sangría, el ancho y otras opciones; el resultado aparece a la derecha a medida que escribe.
  3. Copiar o descargar el resultado; En caso de error, utilice "Ir al error", corríjalo y ejecútelo nuevamente.

Opciones de estilo de código

Convenciones comunes
OpcionesRecomendación
Sangría2 espacios (común en la interfaz) / 4 espacios / tabulación
ancho de líneaAjustar a 80; 100 o 120 para pantallas anchas
CotizacionesDoble (valor predeterminado más bonito) o sencillo
Punto y comaActivado de forma predeterminada para evitar sorpresas de ASI
Comas finalesAgregado en listas de varias líneas para diferencias más limpias

Idiomas y motores

El formato utiliza los mismos motores de código abierto que los editores populares, por lo que los resultados coinciden con Prettier en VS Code y su equipo puede mantener un estilo. Cada motor se carga desde este sitio y se ejecuta en su navegador.

Idioma
IdiomaFormatoComprimir
HTMLMás bonita 3✓ comentarios y espacios en blanco
XMLMotor XML XunL✓
CSS/SCSS/MenosMás bonita 3✓ Reestructuración de CSSO
JavaScript/MecanografiadoMás bonita 3(Babel)✓ Terser (solo JavaScript)
JSONMás bonita 3✓ los números grandes mantienen la precisión
YAMLMás bonita 3— (comentarios mantenidos)
SQLformateador sql (14 dialectos)—

Preguntas frecuentes

¿Puede desminificar JavaScript?

Restaura la sangría y los saltos de línea para que el código sea legible nuevamente, pero los nombres de variables acortados como a, byc no se pueden recuperar.

¿Es compatible con TypeScript y JSX?

Sí. Elija TypeScript para anotaciones de tipo e interfaces; JSX funciona bajo JavaScript.

¿Se cargó mi código?

No. Los motores se descargan desde este sitio y se ejecutan en su navegador; su código nunca pasa por nuestros servidores ni por ningún tercero, por lo que es seguro para el código interno y la configuración.

¿Qué tamaño pueden tener los archivos?

Hasta 5 MB por archivo; por encima de 300 KB, la página espera el botón en lugar de formatear mientras escribe, para que el navegador siga respondiendo.

Guía práctica del formateador de JavaScript y preguntas comunes

¿Qué hace un formateador de JavaScript?

Prettier 3 (analizador de Babel) reimprime el código: ajustando el ancho de línea y unificando comillas, punto y coma y comas finales; TypeScript usa babel-ts y JSX funciona directamente.

¿Para quién es esto y cuándo es útil?

Desarrolladores front-end, especialistas en marketing que escriben guiones e ingenieros que inspeccionan código de terceros y necesitan leer JS minimizado o mantener un estilo de equipo.

¿Cómo uso este formateador de JavaScript?

Pegue JavaScript, JSX o TypeScript y Prettier lo formatea con su configuración de sangría, ancho, comillas, punto y coma y coma final, señalando errores de sintaxis a líneas y columnas.

¿Cómo debo interpretar los resultados?

Prettier redistribuye todo el archivo, manteniendo los comentarios pero no los saltos de línea originales; Los nombres de variables acortados no se pueden restaurar.

¿Dónde se realiza el trabajo y qué servicios reciben datos?

JavaScript se analiza y reimprime, nunca se ejecuta ni se carga.