Gratis · Desarrollo
Formateador de código (Prettier).
Formatea JavaScript, TypeScript, JSX, JSON, CSS, SCSS, Less, HTML, Vue, Markdown, YAML y GraphQL con Prettier en tu navegador, con vista previa en directo.
Formatting engine: Prettier 3 (MIT), running in your browser. Formatting changes layout only, never what the code does; comments are kept.
Formatear código con Prettier
- Pega tu código en
Your codeo pulsaOpen a file. - Deja
Detect automaticallyo elige el lenguaje: JavaScript, JSX, TypeScript, JSON, CSS, SCSS, Less, HTML, Vue, Markdown, YAML o GraphQL. - Ajusta el ancho de línea, la sangría y, para JavaScript y TypeScript, los puntos y coma, las comillas y las comas finales. El resultado se actualiza mientras escribes.
- Pulsa
Copy result,DownloadoReplace my code.
Ejemplo: const a={b:1,c:[1,2,3]};function f(x){return x*2} pasa a ser un objeto en una línea seguido de un bloque de función con sangría de dos espacios, y cada sentencia termina en punto y coma.
Qué cambia al formatear
Prettier reescribe espacios, saltos de línea, sangría, comillas y comas para que el código siga un estilo coherente. Nunca cambia lo que hace el código y conserva los comentarios. Si hay un error de sintaxis, no se formatea nada y el mensaje indica la línea y la columna, por ejemplo (1:10).
Para un lenguaje con sus propias opciones, consulta el formateador JSON o el formateador SQL; para reducir JavaScript en producción, el minificador de JavaScript.
Límites y formatos compatibles
Los datos se procesan en tu dispositivo.
Notas técnicas en inglés
Files up to 2 MB. Code with syntax errors is not formatted; the error shows the line and column. Formatting changes layout only, never behaviour; comments are kept.
Uses Prettier 3 standalone (MIT) with only the parsers the chosen language needs, loaded on demand in your browser. Same output rules as Prettier on the command line for the options shown.
const a={b:1,c:[1,2,3]};function f(x){return x*2} becomes const a = { b: 1, c: [1, 2, 3] }; followed by a function block indented with two spaces.
Preguntas frecuentes
¿Se sube mi código?
No. Prettier funciona en tu navegador y solo se cargan los analizadores del lenguaje elegido.
¿El resultado es igual que Prettier en mi ordenador?
Sí para las opciones que se muestran aquí: es el propio Prettier 3, sin archivo de configuración del proyecto.
¿Por qué no se formatea mi código?
El analizador encontró un error de sintaxis. Corrige la línea y la columna del mensaje o comprueba que el lenguaje elegido sea el correcto.