Acerca de Prettier Config
Una herramienta gratuita y de código abierto para configurar Prettier sin complicaciones.
¿Qué es esta herramienta?
Prettier Config Generator es una aplicación web interactiva que hace que configurar Prettier sea sencillo. En lugar de escribir JSON manualmente y buscar cada opción en la documentación, puedes alternar y ajustar visualmente cada configuración de Prettier, formatear código real con tu config en 16 lenguajes y compartir el resultado con un solo enlace. Fue creada para desarrolladores que quieren dedicar tiempo a escribir código, no a configurar herramientas.
Características
Importa tu configuración existente
Pega un .prettierrc, prettier.config.js o la clave prettier de package.json existente — el formulario se rellena para coincidir. Ajusta, comparte o cópialo, manteniendo todas las claves intactas.
Todas las versiones de Prettier
Elige cualquier versión 3.x de Prettier (3.0 – 3.6 y latest). Las opciones exactas de esa versión se cargan bajo demanda desde jsDelivr.
Todos los lenguajes, ambas pestañas
La vista previa incluye una muestra creada a medida para cada parser (TS, CSS, HTML, JSON/JSON5/JSONC, Markdown, YAML, Vue, GraphQL y más) para que cada opción de Prettier tenga dónde mostrar su efecto. Tu Código detecta automáticamente el parser a partir de lo que pegas, con anulación manual.
Editor de código real
CodeMirror 6 potencia el panel de entrada con resaltado de sintaxis, números de línea, sangrado con tabulador y un tema que sigue el modo claro/oscuro.
Configuraciones compartibles
Haz clic en Compartir y tu versión, opciones, código y parser se empaquetan en el hash de la URL. Envíalo a cualquier lugar; todo permanece en el navegador.
Diff al estilo GitHub
Ve exactamente qué cambia Prettier con un diff unificado o dividido, además de un encabezado de resumen +X / −Y como en una pull request.
Contador de tokens de IA
Conteo de tokens en vivo para la entrada y la salida en GPT-4o, GPT-4, GPT-3.5, Claude, Gemini, Llama 3 y Mistral — útil para estimar costos de pipelines de IA.
Errores de análisis visibles
Cuando Prettier rechaza tu entrada, el SyntaxError exacto y su línea:columna aparecen sobre el diff en lugar de ser tragados silenciosamente.
Selecciones persistentes
Tu versión de Prettier y tus selecciones de opciones se guardan en localStorage, por lo que una actualización — o volver mañana — mantiene todo intacto.
20 idiomas
Totalmente localizado en inglés, tailandés, chino, español, hindi, alemán, francés, portugués, japonés, coreano, ruso, vietnamita, indonesio, italiano, polaco, turco, ucraniano, bengalí, además de árabe y persa (RTL).
Construido con
Código Abierto
Esta herramienta es completamente gratuita y de código abierto. Se agradecen las contribuciones, informes de errores y sugerencias.
Ver en GitHubCreador
Creado por
NooobtimeXConstruido con cariño para la comunidad de desarrolladores. Si encuentras útil esta herramienta, considera dar una estrella al repositorio en GitHub.