¿Odias los anuncios? Ir Sin publicidad Hoy

Formateador de código Dart

DesarrolladorTexto
ANUNCIO · ¿ELIMINAR?
La configuración predeterminada de Dart format es de 80 caracteres.
ANUNCIO · ¿ELIMINAR?

Guía

Dart Code Formatter

Formateador de código Dart

Pega tu código Dart o Flutter y obtén inmediatamente una versión formateada limpiamente que siga las convenciones impuestas por dart format. El formateador se ejecuta completamente en tu navegador — sin necesidad de instalar SDK, sin subirlo ni esperar a un servidor remoto. Es un auxiliar rápido y determinista para cualquier situación en la que quieras obtener salida conforme a las normas sin salir de la página.

Cómo Usar

  1. Pega tu código Dart o Flutter en el área de entrada, o haz clic Prueba un ejemplo para cargar un ejemplo.
  2. Elige el tamaño de sangría que prefieras (2 espacios es el valor predeterminado de dart_style, pero también se admiten 4 espacios y tabuladores).
  3. Arrastra el Longitud de Línea controlador de deslizamiento — el formateador te advertirá cuando una línea exceda tu límite objetivo.
  4. Palanca Ordenar y agrupar directivas, Añadir comas finalesy Comprimir líneas vacías según sea necesario.
  5. Haz clic en Formato y copia o descarga el código limpio.

Características

  • Longitud de línea configurable — deslizante desde 40 hasta 160 caracteres, con valor predeterminado de 80 (oficial).
  • Sangría inspirada en dart_style — soporta 2 espacios, 4 espacios o tabuladores.
  • Agrupación de directivas — ordena y agrupa dart:, package:, y las importaciones relativas con una línea en blanco entre grupos.
  • Comas finales — añade una coma al final en listas de argumentos y parámetros multilínea, exactamente como esperan las estructuras de widgets de Flutter.
  • Con conciencia de nulos — conserva ?., !, ??y ??= con el espaciado correcto.
  • Segura para cadenas — literales de cadena simple, doble, triple y sin formato (r"…") se dejan sin cambios.
  • Segura para comentarios — comentarios de línea, bloque y dartdoc (///) se conservan y se reorganizan de forma limpia.
  • Espaciado en nivel superior — inserta una línea en blanco entre declaraciones de nivel superior para mejorar la legibilidad.
  • 100% del lado del cliente — tu código nunca abandona el navegador, por lo que es seguro para código propietario.

Casos de uso

  • Limpieza rápida de un fragmento pegado de una respuesta en Stack Overflow o un mensaje de chat.
  • Revisiones de código en GitHub o GitLab donde quieras comparar el resultado normalizado antes de comentar sobre estilo.
  • Integración para nuevos desarrolladores que aún no tienen instalado el SDK de Dart localmente.
  • Verificación de integridad antes del commit cuando quieras comparar el resultado de tu editor con un formateador de segunda opinión.
  • Estructuras de widgets de Flutter donde las comas al final mantienen el ruido en los diffs bajo control.

Preguntas frecuentes

  1. ¿Qué estilo sigue el formateador?

    El formateador replica las convenciones impuestas por dart format (la herramienta oficial del SDK de Dart), inspirada en el paquete dart_style. Se dirige a una longitud de línea predeterminada de 80 caracteres, aplica sangría de dos espacios, normaliza el espaciado de operadores y agrupa directivas en el orden canónico: dart:, paquete:, luego relativa.

  2. ¿Por qué son importantes las comas al final en Dart y Flutter?

    Una coma al final de una lista de argumentos o parámetros multilínea indica al formateador que cada elemento debe estar en su propia línea. En las estructuras de widgets de Flutter, esto mejora drásticamente la legibilidad y produce diferencias más significativas, por lo que la guía oficial de estilo de Dart recomienda usar comas al final en cualquier lista que exceda una sola línea.

  3. ¿Qué es dart_style?

    dart_style es el paquete de código abierto que impulsa dart format, los formateadores de IDE en Android Studio, IntelliJ y VS Code, y el formateador en dartpad.dev. Aplica un algoritmo determinista y de estilo único, por lo que cualquier archivo Dart correctamente formateado se verá idéntico, independientemente de quién lo haya escrito.

  4. ¿Cómo afectan los operadores de nulos como ??, ?., y ! al formateo?

    Los operadores de nulos son mantenidos estrechamente con sus operandos: ?. y ! nunca tienen espacios alrededor, mientras que ?? y ??= se comportan como operadores binarios con un espacio en cada lado. Esto coincide con el comportamiento de dart_style en código de seguridad de nulos.

¿Quieres eliminar publicidad? Adiós publicidad hoy

Instalar extensiones

Agregue herramientas IO a su navegador favorito para obtener acceso instantáneo y búsquedas más rápidas

añadir Extensión de Chrome añadir Extensión de borde añadir Extensión de Firefox añadir Extensión de Opera

¡El marcador ha llegado!

Marcador es una forma divertida de llevar un registro de tus juegos, todos los datos se almacenan en tu navegador. ¡Próximamente habrá más funciones!

ANUNCIO · ¿ELIMINAR?
ANUNCIO · ¿ELIMINAR?
ANUNCIO · ¿ELIMINAR?

Noticias Aspectos técnicos clave

Involucrarse

Ayúdanos a seguir brindando valiosas herramientas gratuitas

Invítame a un café
ANUNCIO · ¿ELIMINAR?