Loading...
Loading...
Formatea y embellece JavaScript, TypeScript, HTML, CSS, JSON, Markdown, YAML y más con Prettier. Reglas personalizables y formato instantáneo.
Presiona Ctrl + Enter para formatear
Copia tu código desordenado o sin formato y pégalo en el editor de entrada.
Elige el analizador apropiado (JavaScript, TypeScript, HTML, CSS, JSON, etc.).
Ajusta opciones de formato como ancho de tabulación, comillas, punto y coma y comas finales.
Haz clic en 'Formatear Código' para embellecer, luego copia o descarga el resultado formateado.
Formatea JavaScript, TypeScript, HTML, CSS, JSON, Markdown, YAML, GraphQL, SCSS y Less con soporte completo de Prettier.
Ajusta el formato con opciones para ancho de tabulación, comillas, punto y coma, comas finales y espaciado de corchetes.
Ve tu código original y la salida formateada simultáneamente en una interfaz de editor limpia de panel dividido.
Formatea miles de líneas de código en milisegundos con el motor de análisis ultrarrápido de Prettier.
Transforma código minificado e ilegible en código bellamente formateado y legible para humanos con indentación y espaciado apropiados.
Prueba y valida las guías de estilo de codificación del equipo antes de confirmar código. Asegura consistencia en toda tu base de código.
El código correctamente formateado hace que la depuración sea significativamente más fácil al mejorar la legibilidad y revelar problemas estructurales.
Ve cómo Prettier formatea el código para aprender convenciones de formato estándar de la industria y mejores prácticas.
Formatea rápidamente fragmentos de código para documentación, publicaciones de blog, respuestas de Stack Overflow o tutoriales.
Ajusta la configuración del formateador para que coincida con la guía de estilo específica y las preferencias de formato de tu proyecto.
El formato de código es esencial para mantener bases de código legibles, consistentes y profesionales. Esta herramienta usa Prettier, el formateador de código estándar de la industria en el que confían millones de desarrolladores en todo el mundo.
Todo el formato ocurre en tu navegador. Tu código nunca sale de tu dispositivo, garantizando privacidad y seguridad completas.
Usa Prettier, el formateador de código estándar de la industria con reglas de formato probadas en batalla y con opiniones claras.
Formatea incluso archivos grandes al instante sin viajes de ida y vuelta al servidor o límites de tasa de API.
Una vez cargado, el formateador funciona completamente sin conexión. No se requiere conexión a Internet.
Sin registro, sin límites, sin costos ocultos. Formatea código ilimitado en cualquier momento, en cualquier lugar.
Obtén código listo para producción, formateado de manera consistente que cumple con los estándares profesionales.
Número de espacios por nivel de indentación. 2 espacios es el predeterminado de Prettier y el más común en JavaScript. 4 espacios es común en Python y bases de código más antiguas.
Indentar con tabulaciones en lugar de espacios. Las tabulaciones son más accesibles (los usuarios pueden establecer su ancho preferido) pero los espacios son más comunes en el desarrollo web.
Agrega punto y coma al final de las declaraciones. JavaScript no los requiere (ASI), pero muchas guías de estilo los exigen por seguridad y claridad.
Usa comillas simples en lugar de comillas dobles para cadenas. Las comillas simples son populares en JavaScript; las comillas dobles son predeterminadas para JSON.
Agrega comas finales donde sea válido en ES5 (objetos, arrays) o all (incluidas funciones). Produce diffs de git más limpios al agregar nuevos elementos.
Imprime espacios entre corchetes en literales de objeto. { foo: bar } vs {foo: bar}. El espaciado es más legible; sin espaciado es más compacto.
Activa 'Formato Automático al Pegar' para embellecer automáticamente el código tan pronto como lo pegues. Ahorra tiempo y clics.
Configura los ajustes para que coincidan con el archivo .prettierrc de tu proyecto. Combinaciones comunes: tabulaciones de 2 espacios + comillas simples para JavaScript, 4 espacios para estilo Python.
Establece las comas finales en 'all' o 'es5' para producir diffs de git más limpios al agregar nuevos elementos de array/objeto.
Prettier tiene opiniones claras por diseño. Confía en sus valores predeterminados: se basan en años de comentarios de la comunidad y uso en el mundo real.