Как это работает
Переформатирует отступы и упорядочивает минифицированный, сжатый или плохо выровненный код JavaScript или TypeScript, делая его читаемым и единообразным. Полезно, чтобы изучить бандл, просмотреть чужой фрагмент или привести стиль к единому виду перед вставкой в проект.
Можно выбрать тип отступа (пробелы или табуляция), размер отступа и конец строки (LF или CRLF). Форматировщик учитывает структуру кода и добавляет единообразные переносы строк и отступы, не меняя логику.
Вся обработка выполняется в вашем браузере с помощью js-beautify: код не загружается ни на какой сервер. Форматируется только внешний вид; минификация, транспиляция и глубокая проверка синтаксиса не выполняются.
Примеры
function sum(a,b){return a+b}
const r=sum(1,2);console.log(r)function sum(a, b) {
return a + b
}
const r = sum(1, 2);
console.log(r);С отступом в 4 пробела: инструкции разделяются, а фигурные скобки выравниваются.Сценарии использования
- Сделать минифицированный файл .js читаемым, чтобы понять, что он делает.
- Привести стиль отступов фрагмента к единому виду перед добавлением в проект.
- Просматривать и сравнивать сторонний код в едином формате.
- Очистить TypeScript, вставленный из документации или ответов ИИ.
Часто задаваемые вопросы
Работает ли он с TypeScript, а не только с JavaScript?
Да. Инструмент форматирует синтаксис JavaScript и TypeScript, включая аннотации типов, интерфейсы и обобщения. Он не транспилирует TypeScript в JavaScript: только переупорядочивает текст.
Меняет ли форматирование поведение кода?
Нет. Меняются только пробелы, отступы и переносы строк. Логика и идентификаторы остаются нетронутыми; код выполняется точно так же, как раньше.
Это то же самое, что минификация?
Нет, наоборот. Форматирование добавляет пробелы и переносы, чтобы сделать код читаемым; минификация убирает их, чтобы уменьшить размер. Если нужно сжать, используйте инструмент минификации.
Загружается ли мой код на сервер?
Нет. Форматирование происходит полностью в браузере; код никогда не покидает ваш компьютер.