Formateador de JavaScript

Formatea JavaScript, JSX, TypeScript y TSX sin ejecutar el código.

Frontend y diseño
Preparando tu espacio de trabajo…
Entrada
Salida
Tu resultado aparecerá aquí.

Cómo usarlo

  1. Pega texto, abre un archivo UTF-8 o prueba el ejemplo.
  2. Elige entrada y opciones; ejecuta la herramienta o activa la ejecución automática.
  3. Revisa y copia o descarga el resultado. Cambiar la entrada invalida el resultado anterior.

Formateador de JavaScript

Formatea JavaScript, JSX, TypeScript y TSX sin ejecutar el código.

El procesamiento se realiza en tu navegador. Tu entrada no se envía a DevToolsy.

Cómo funciona

Prettier analiza y presenta el código con espacios y sangría uniformes. Elige JavaScript / JSX o TypeScript / TSX; los errores de sintaxis indican su posición.

Antes y después
Entrada
const users=[{name:"Ada",active:true},{name:"Lin",active:false}];function activeNames(items){return items.filter(user=>user.active).map(user=>user.name)}
Salida
const users = [
  { name: "Ada", active: true },
  { name: "Lin", active: false },
];
function activeNames(items) {
  return items.filter((user) => user.active).map((user) => user.name);
}

Formatea JavaScript, JSX, TypeScript y TSX sin ejecutar el código.

Opciones y fidelidad de datos

Ajusta sangría, ancho, comillas y punto y coma. Es un formateador, no un compilador, linter ni minificador. No ejecuta código ni resuelve imports.

Trabajar con el resultado

El éxito solo indica que el parser aceptó la sintaxis. Usa compilador, linter y pruebas del proyecto para comprobar tipos, imports y comportamiento.

Revisa y copia o descarga el resultado. Cambiar la entrada invalida el resultado anterior.

Límites de procesamiento

Entrada UTF-8 de hasta 1 MiB por documento, salida de hasta 8 MiB. JSONPath y Schema: 5 segundos; otras herramientas: 30 segundos.

Más informaciónPrettier options
?

Preguntas frecuentes

¿Qué entradas admite?

Prettier analiza y presenta el código con espacios y sangría uniformes. Elige JavaScript / JSX o TypeScript / TSX; los errores de sintaxis indican su posición.

¿Puedo elegir comillas y punto y coma?

Ajusta sangría, ancho, comillas y punto y coma. Es un formateador, no un compilador, linter ni minificador. No ejecuta código ni resuelve imports.

¿Comprueba tipos o corrige la lógica?

No. El éxito solo indica que el parser aceptó la sintaxis. Usa compilador, linter y pruebas del proyecto para comprobar tipos, imports y comportamiento.

¿Se suben mis datos?

El procesamiento se realiza en tu navegador. Tu entrada no se envía a DevToolsy.

¿Puedo abrir un archivo local?

Entrada UTF-8 de hasta 1 MiB · salida de hasta 8 MiB

Encuentra tu próxima herramienta

Idioma

¿Cambiar de idioma? Se borrará el contenido actual. Primero copia o descarga tu trabajo.