Перейти к содержимому
ToolMug

Форматирование JavaScript

Вставьте минифицированный или неаккуратный JavaScript и получите чистый, единообразно отформатированный код. Работает на Prettier — форматтере, который используют большинство JavaScript-проектов, — и поддерживает также TypeScript и JSON.

Работает в браузере — введённые данные никуда не загружаются

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

  1. Вставьте код или нажмите «Загрузить пример», чтобы попробовать.
  2. Выберите JavaScript, TypeScript или JSON и настройте отступ, ширину строки, точки с запятой и стиль кавычек.
  3. Нажмите «Форматировать» или Ctrl+Enter (⌘+Enter на Mac).
  4. Скопируйте отформатированный код.

Описание параметров

Отступ
2 пробела — значение по умолчанию в Prettier и самый распространённый стиль в JavaScript-проектах. «Табуляция» делает отступы символами табуляции.
Ширина строки
Prettier переносит выражения, которые выходят за указанное число символов. По умолчанию — 80.
Точки с запятой
Отключите, чтобы не ставить точки с запятой в конце инструкций. Prettier всё равно добавит их там, где без них изменится смысл кода.
Одинарные кавычки
Строки оформляются 'одинарными', а не "двойными" кавычками, если это не требует большего количества экранирования.

Примеры

Минифицированный бандл. Вставьте однострочный минифицированный фрагмент, чтобы понять, что он делает: форматирование восстанавливает отступы и переносы строк, хотя короткие имена переменных так и остаются короткими.

Стиль команды. Подстройте настройки под Prettier вашего проекта, например отступ 4 пробела, без точек с запятой и с одинарными кавычками.

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

Поддерживаются ли JSX и современный синтаксис?

Да. В режиме JavaScript используется парсер Babel, который понимает JSX, опциональную цепочку, поля классов, await верхнего уровня и другой современный синтаксис.

Почему появляется синтаксическая ошибка?

Prettier должен разобрать код, прежде чем отформатировать его, поэтому он останавливается на коде, который не является корректным JavaScript. В сообщении указаны строка и столбец, которые нужно проверить.

Будет ли отформатированный код работать так же?

Да. Prettier меняет только пробелы, переносы строк, кавычки, скобки и точки с запятой так, чтобы смысл кода сохранялся.

Загружается ли мой код на сервер?

Нет. Prettier работает в вашем браузере, поэтому код остаётся на вашем устройстве.

Конфиденциальность

Этот инструмент работает полностью в браузере. Ваши файлы и текст обрабатываются на вашем устройстве и никогда не загружаются на наши серверы.

Похожие инструменты