Перейти до вмісту

Форматувальник TypeScript

Упорядкуйте код TypeScript за допомогою цього форматувальника TypeScript. Вставте інтерфейси, типи, переліки, узагальнення, класи або функції — інструмент перебудує їх токен за токеном: використає відступи у два пробіли, пробіл після двокрапок анотацій типів і навколо операторів, розмістить кожен член блоку й переліку на окремому рядку та поставить крапки з комою в кінці інструкцій. Ідеально підходить розробникам, які впорядковують фрагменти, згенерований код або вставлені приклади перед тим, як ділитися ними чи переглядати.

Скинути

Поширені запитання

Як працює форматувальник TypeScript?

Він читає ваш код як потік токенів, зокрема дужок, крапок з комою, операторів, рядків і коментарів, а потім перебудовує структуру на їх основі. Дужки відкривають блоки з відступом, крапки з комою завершують рядки, а оператори отримують однакові пробіли.

Чи перевіряє він мій TypeScript на помилки?

Ні, він не перевіряє типи й не перевіряє синтаксис, тому форматує також незавершені фрагменти. Коли потрібно з’ясувати, чи компілюється код, запустіть tsc або перевірки редактора.

Як форматуються інтерфейси та переліки?

Тіла інтерфейсів і класів оформлюються так, що кожен член займає окремий рядок із відступом у два пробіли та крапкою з комою після нього. Члени переліків розміщуються по одному на рядок, із комою в кінці кожного, включно з останнім.

Узагальнення зберігаються без змін?

Так, кутові дужки узагальнень, наприклад Array<T> або Map<string, T>, відстежуються, щоб їх не сприймали як оператори порівняння. Пробіли після ком усередині дужок нормалізуються.

Які відступи використовуються?

Блоки мають відступ у два пробіли, змінити його неможливо. Короткі літерали об’єктів після присвоєння або return залишаються в одному рядку.

Коментарі зберігаються?

Так. Рядкові коментарі завершують свій рядок, а код продовжується нижче; блочні коментарі залишаються на своїх місцях.

Чи змінюються рядки та шаблонні літерали?

Ні, рядкові літерали, шаблонні літерали й регулярні вирази копіюються точно так, як їх написано. Перебудовуються лише пробіли між токенами.

Чи змінить форматування поведінку мого коду?

Форматувальник змінює лише пробіли та додає пропущені крапки з комою в кінці інструкцій. Перевірте результат, якщо ваш код покладається на автоматичне вставлення крапок з комою в нетипових місцях, наприклад коли рядок починається з дужки.

Чому вихід обрамлено блоком коду typescript?

Результат повертається як блок коду Markdown із позначкою typescript, тож у Markdown, issues і чаті він відображається з підсвічуванням. Щоб отримати файл .ts, скопіюйте рядки між позначками.

Який максимальний розмір коду?

За один запуск можна відформатувати до 5 MB коду. Більший обсяг відхиляється з повідомленням. Результат такий самий, як і для параметра TypeScript форматувальника коду.

Про OneClick Pro

OneClick Pro — це безкоштовна колекція з понад 150 вебінструментів для повсякденної роботи: конвертації зображень і одиниць, форматування та перевірки коду, перевірки доменів і SEO, а також роботи з текстом, датами й числами. Кожен інструмент працює без реєстрації чи передплати, а введені вами дані використовуються лише для обчислення результату й ніколи не зберігаються. Використовуйте цю добірку як швидкий набір інструментів для разових завдань або додайте в закладки інструменти, якими користуєтеся щодня.