JavaScript / CSS форматування

Форматує початковий код JavaScript і CSS

ОновленняВиправлено проблему, коли японський текст відображався на сторінках, що не є японськими, для деяких інструментівПереглянути оновлення

Особливості

Форматування JS і CSS

Форматує JavaScript і CSS окремо через перемикання вкладок

Вибір з 4 варіантів відступу

Підтримує 2 пробіли, 4 пробіли, табуляцію та стиснення

Вибір стилю дужок

Для JS задає, чи відкривна дужка стоїть у тому ж рядку, чи з нового

Стабільність завдяки Prettier

Стабільний результат завдяки популярній бібліотеці форматування

Як користуватися

Виберіть вкладку мови

Перемкніть вкладку JavaScript чи CSS, щоб указати ціль

Вставте код

Введіть у поле початковий код, який потрібно відформатувати

Налаштуйте стиль

Виберіть ширину відступу та стиль дужок на свій смак

Запустіть форматування

Натисніть кнопку форматування, щоб побачити результат і скопіювати чи зберегти його

Сценарії використання

Форматування перед рев'ю коду

Упорядковує безладний код в єдиний стиль і полегшує рев'ю

Читабельність стисненого коду

Розгортає мініфікований код, щоб розібратися в його вмісті

Стиснення коду для поставки

Зменшує розмір файлу для доставки за допомогою опції стиснення

Оформлення навчальних прикладів

Робить скопійований код читабельним для кращого розуміння

Базові знання

Що таке форматування коду

Форматування коду — це вирівнювання зовнішнього вигляду коду (відступи, розриви рядків, позиції дужок тощо) з певними правилами без зміни його функціональності. Коли коливання у стилі написання зникають, різниці стають легше читаними навіть при розробці кількома людьми, а навантаження на рецензування зменшується.

Що таке Prettier

Prettier — це широко використовуваний у світі форматер для JavaScript та CSS, створений із філософією передачі дрібних питань форматування «інструменту» для досягнення єдиності.