Форматтер Angular: форматирование шаблонов
Форматтер Angular использует парсер angular из Prettier для форматирования входных данных шаблонов Angular в более единообразную, читаемую компоновку. Вставьте или перетащите шаблон, затем настройте отступы и ширину печати, чтобы сформировать вывод под соглашения вашей команды. Скопируйте результат для ревью, коммитов, баг-репортов или других задач с кодом; форматирование упрощает изучение изменений.
Форматтер Angular — это браузерный инструмент для форматирования шаблонов Angular с помощью Prettier и его парсера angular. Используйте его, чтобы сделать входные данные шаблонов проще для чтения, ревью и обмена. Если нужно отформатировать шаблоны Angular онлайн, вставьте или перетащите содержимое в инструмент и скопируйте полученный вывод, когда он будет готов.
Форматтер использует парсер angular, а также можно настроить отступы и ширину печати. Эти настройки позволяют подогнать компоновку вывода под ваши нужды. Инструмент форматирует входные данные Angular; он не описывается как конвертер между разными форматами файлов, поэтому используйте его, когда цель — сделать шаблон более единообразно отформатированным.
Шаблоны Angular сочетают разметку со специфичным для Angular синтаксисом шаблонов, а форматирование меняет компоновку этого исходника, а не заменяет его другим форматом. Более единообразная компоновка может упростить изучение сгенерированных или незнакомых файлов, уменьшить шум пробелов в диффах и сделать фрагменты читаемее в ревью и баг-репортах.
Форматтер Angular работает полностью в вашем браузере. Входные данные обрабатываются на вашем устройстве и не загружаются, не сохраняются и не отправляются на сервер. После загрузки страницы инструмент работает офлайн без соединения с сервером, поэтому форматировать шаблоны можно, не полагаясь на активное сетевое соединение.
Инструмент полезен разработчикам и DevOps-инженерам, которые ревьюят, поддерживают или передают шаблоны Angular — работают ли они с собственным кодом или с входными данными, написанными кем-то другим. Настройте доступные параметры форматирования, изучите результат и скопируйте его в свой рабочий процесс.
Шаг 1: Вставьте или перетащите шаблон Angular в инструмент. Используйте входные данные Angular, которые хотите сделать проще для чтения или ревью.
Шаг 2: Выберите настройку отступов. Это позволяет регулировать отступы отформатированного шаблона.
Шаг 3: Задайте ширину печати под предпочтительную компоновку. Форматтер использует эту настройку при форматировании вывода.
Шаг 4: Проверьте отформатированный результат и скопируйте его. Затем его можно использовать в коммите, ревью кода, баг-репорте или другой задаче разработки.
Пример использования: Сделайте нечитаемый машинно-сгенерированный файл Angular проще для ревью перед коммитом. Единообразное форматирование помогает сосредоточиться на шаблоне, а не на его компоновке.
Пример использования: Отформатируйте документ Angular, написанный не вами, чтобы сравнить его с соглашениями, которым нужно следовать. Настраиваемые отступы и ширина печати помогают сформировать вывод.
Пример использования: Создавайте единообразно выровненный вывод, чтобы дифф меньше отвлекался на изменения пробелов. Это упрощает замечание значимых правок при ревью.
Пример использования: Отформатируйте фрагмент перед добавлением в баг-репорт или ревью кода. Более ясная компоновка может упростить другим изучение соответствующего содержимого шаблона.
Пример использования: Проверьте, может ли форматтер разобрать входные данные Angular. Если форматирование не удаётся, это поможет найти строку, требующую внимания.
Пример использования: Приведите в порядок шаблон Angular во время ревью кода. Единообразная компоновка может упростить обсуждение структуры с коллегами.
Пример использования: Подготовьте отрывок шаблона для документации или внутреннего примера. Форматирование придаёт фрагменту более чистую, читаемую подачу.