Реклама мешает? Идти Без рекламы Сегодня 

Форматтер Dart

РазработчикТекст

Реклама · УДАЛИТЬ?

ВХОД

ВЫХОД

Клиентская сторона

Реклама · УДАЛИТЬ?

Гид

Форматтер Dart

Вставьте свой Dart или Flutter-код и мгновенно получите чисто отформатированный вариант, соответствующий установленным правилам, которые применяются в dart format. Форматер работает полностью в вашем браузере — никакой установки SDK, никаких загрузок и никакого ожидания на удалённом сервере. Это быстрый, детерминированный инструмент, который поможет в любой ситуации, когда вы хотите получить корректно отформатированный вывод, не выходя из страницы.

Как использовать

Вставьте свой Dart или Flutter-код в область ввода, или нажмите Попробуйте пример чтобы загрузить пример.
Выберите желаемый размер отступа (по умолчанию 2 пробела, но поддерживаются 4 пробела и табуляции).
Перетащите Длина строки ползунок — форматер предупредит вас о строках, превышающих заданный лимит.
Переключать Сортировка и группировка директив, Добавление завершающих запятыхи Сокращение пустых строк по мере необходимости.
Нажмите Формат и скопируйте или скачайте очищенный исходный код.

Возможности

Настройка длины строки — ползунок от 40 до 160 символов, по умолчанию — официальный лимит 80.
Форматирование, вдохновлённое dart_style — поддерживает 2 пробела, 4 пробела или табуляции.
Группировка директив — сортирует и группирует dart:, package:, и относительные импорты с пустой строкой между группами.
Завершающие запятые — добавляет завершающую запятую в многострочные списки аргументов и параметров, точно так же, как это ожидается в деревьях компонентов Flutter.
Учитывает null-безопасность — сохраняет ?., !, ??и ??= с правильным отступом.
Безопасность строк — одинарные, двойные, тройные и сырые (r"…") строки остаются без изменений.
Безопасность комментариев — одиночные, блокирующие и комментарии dartdoc (///) сохраняются и переформатируются правильно.
Отступы на уровне верхнего уровня — добавляет пустую строку между объявлениями на уровне верхнего уровня для удобства восприятия.
100% клиентская сторона — ваш код никогда не покидает браузер, поэтому он безопасен для коммерческого кода.

Варианты использования

Быстрое очищение фрагмента, вставленного из ответа на Stack Overflow или из сообщения в чате.
Проверки кода на GitHub или GitLab, где вы хотите сравнить нормализованный вывод перед комментированием по стилю.
Настройка для новых разработчиков которые ещё не установили Dart SDK локально.
Проверка на согласованность до коммита когда вы хотите сравнить вывод вашего редактора с форматером, который даёт второе мнение.
Деревья компонентов Flutter где единообразные завершающие запятые снижают шум в сравнениях.

 Часто задаваемые вопросы

Какой стиль следует форматеру?

Форматер отражает правила, установленные dart format (официальный инструмент от Dart SDK), вдохновлённый пакетом dart_style. Он нацелен на длину строки по умолчанию 80 символов, использует отступы в 2 пробела, нормализует отступы операторов и группирует директивы в порядке: dart:, package:, затем относительные.
Почему важны завершающие запятые в Dart и Flutter?

Завершающая запятая в конце многострочного списка аргументов или параметров сообщает форматеру, что каждый элемент должен быть на отдельной строке. В деревьях компонентов Flutter это значительно улучшает читаемость и снижает шум в сравнениях, поэтому официальный руководство по стилю Dart рекомендует использовать завершающие запятые для любых списков, превышающих одну строку.
Что такое dart_style?

dart_style — это открытый пакет Dart, который обеспечивает dart format, форматтеры в Android Studio, IntelliJ и VS Code, а также форматтер на dartpad.dev. Он применяет детерминированный, единственный стиль алгоритм, поэтому любые два правильно отформатированных файла Dart будут выглядеть одинаково, независимо от того, кто их написал.
Как влияют на форматирование null-безопасные операторы, такие как ??, ?., и !?

Null-безопасные операторы сохраняются рядом с операндами: ?. и ! никогда не имеют пробелов вокруг, в то время как ?? и ??= поведение как двоичные операторы с одним пробелом с каждой стороны. Это соответствует поведению dart_style для кода с безопасной null-безопасностью.