JavaScript / CSS форматиране

Форматира изходен код на JavaScript и CSS

Новини за обновленияКоригиран проблем, при който японския текст се показва на страниците на други езици в някои инструментиПреглед на актуализации

Характеристики

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

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

Избор между 4 ширини на отстъпа

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

Избор на стил на скобите

Задайте за JS дали отварящата скоба да е на същия ред, или след нов ред

Стабилност с Prettier

Стабилен изходен резултат от утвърдена библиотека за форматиране

Как се използва

Изберете езиков раздел

Превключете между раздела JavaScript или CSS, за да зададете обекта

Поставете кода

Въведете в полето изходния код, който искате да форматирате

Задайте стила

Изберете ширината на отстъпа и стила на скобите според предпочитанията си

Изпълнете форматирането

Натискането на бутона за форматиране показва резултата, който може да се копира и запази

Случаи на употреба

Форматиране преди преглед на код

Подредете разбъркания код в единен стил, за да улесните прегледа

Четливост на компресиран код

Разгънете минифициран код, за да разчетете съдържанието му

Компресиране на код за доставка

Намалете размера на файла за разпространение чрез опцията за компресиране

Подреждане на учебни примери

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

Основни знания

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

Форматирането на код означава подравняване на вида на кода — като отстъп, преводи на нови редове и позиции на скоби — към определени правила, без да се променя функционалността. Когато варианта на писане се премахне, разликите стават по-четливи дори при разработка с няколко човека, което намалява натоварването на преглед.

Какво е Prettier

Prettier е форматор, който се използва широко по света при форматиране на JavaScript и CSS. Той е разработен с философията да "остави" детайлните обсъждания на писане на инструмента, за да постигне единство.