TL
Tool Lab
💰Пожертвовать
💰Пожертвовать

TypeScript Beautifier

Форматируйте TypeScript-код с настраиваемыми отступами.

Входной TypeScript
Форматированный вывод

Об этом инструменте

Форматировщик TypeScript приводит TypeScript-код в порядок, применяя последовательные отступы. Вставьте минифицированный или плохо оформленный TypeScript и получите чистый вывод с отступами 2 или 4 пробела.

Всё форматирование выполняется в браузере — код не отправляется ни на какой сервер. Использует алгоритм переформатирования на основе отступов.

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

  1. Вставьте TypeScript-код в поле ввода или нажмите «Образец» для загрузки примера.
  2. Выберите размер отступа: 2 или 4 пробела.
  3. Нажмите «Форматировать» для применения форматирования.
  4. Нажмите «Копировать», чтобы скопировать форматированный вывод в буфер обмена.

Случаи использования

Разработчики читают минифицированный TypeScript из вывода сборки. Ревьюеры форматируют фрагменты перед отправкой. Разработчики без IDE используют как быстрый онлайн-форматировщик.

Частые вопросы

  • Правильно ли форматируются дженерики?Базовые дженерики обрабатываются. Сложные цепочечные дженерики или условные типы могут не форматироваться идеально.
  • Можно ли форматировать JavaScript?Да. TypeScript — это надмножество JavaScript, поэтому корректный JavaScript тоже является допустимым вводом.
  • Это то же самое, что и Prettier?Нет. Prettier выполняет полное форматирование с учётом AST. Этот инструмент делает переформатирование на основе отступов — быстрее, но менее точно.