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

Форматирование исходного кода JavaScript и CSS

История обновленийИсправлена ошибка, при которой на страницах на языках, отличных от японского, отображались японские текстыПросмотр обновлений

Особенности

Форматирование JS и CSS

Раздельное форматирование JavaScript и CSS переключением вкладок

Выбор ширины отступа из 4 вариантов

Поддержка 2 пробелов, 4 пробелов, табуляции и сжатия

Выбор стиля скобок

Указание для JS открывающей скобки на той же строке или после переноса

Стабильность благодаря Prettier

Стабильный результат вывода с помощью популярной библиотеки форматирования

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

Выбор вкладки языка

Переключите вкладку JavaScript или CSS, чтобы задать цель

Вставка кода

Введите в поле исходный код, который нужно отформатировать

Настройка стиля

Выберите ширину отступа и стиль скобок по своему вкусу

Запуск форматирования

Нажмите кнопку форматирования, чтобы отобразить результат с возможностью копирования и сохранения

Варианты использования

Форматирование перед ревью кода

Приведение беспорядочного кода к единому стилю для удобства ревью

Чтение сжатого кода

Развёртывание минифицированного кода и разбор его содержимого

Сжатие кода для сдачи

Сокращение размера файла для поставки с помощью опции сжатия

Оформление учебных примеров

Приведение скопированного кода к читаемому виду для облегчения понимания

Базовые знания

Что такое форматирование кода

Форматирование кода — это приведение внешнего вида кода (отступов, переносов строк, расположения скобок и т. д.) в соответствие с установленными правилами, не изменяя его функциональность. Устранение различий в стиле написания делает дифф более читаемым при совместной разработке и снижает нагрузку при проверке кода.

Что такое Prettier

Prettier — это форматер, широко используемый во всём мире для форматирования JavaScript и CSS. Он создан на основе философии передачи вопросов форматирования инструменту, чтобы избежать дебатов о стиле кода и достичь единообразия.