jsonecho

Форматування Babel

Форматируйте сучасний JavaScript і React JSX за допомогою Babel Parser.

Завантаження інструмента...

Як користуватися Форматування Babel

  1. Вставте свій код. Під час першого використання рушію форматування потрібно кілька миттєвостей для завантаження.
  2. За потреби змініть налаштування.
  3. Скопіюйте відформатований результат.

Про Форматування Babel

Бабел - це аналізатор, який використовується в світі JavaScript, і він розуміє новітні пропозиції синтаксису, включаючи JSX. Цей форматист аналізує ваш код з ним і надрукує його знову з послідовним зануренням, лапоками та переломками ліній.

На відміну від Форматування JavaScript, він відмовиться форматувати код з синтаксичною помилкою і повідомить вам, де є помилка. Це також хороший спосіб знайти відсутній підкладку.

Поширені запитання

Він підтримує JSX?

Так, React JSX проаналізована і форматизована.

Що станеться, якщо у мого коду є помилка синтаксису?

Ви бачите помилку з лінією і колоною, і нічого не форматирується.

Чим вона відрізняється від Форматування JavaScript?

Украшач коригує тільки пробільні символи і приймає майже все. Цей повністю аналізує і надрукує код, тому його вихід є більш послідовним, але йому потрібен дійсний синтаксис.

Чому перший запуск зайняв трохи часу?

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

Більше в категорії Форматування коду

Усі інструменти →
Зручне для читання форматування JavaScriptКрасиво надрукований JavaScript, щоб ви могли його прочитати.ФорматуванняЗручне для читання форматування CSSКрасиво надруковано CSS, так що кожне правило і властивість легко читатися.ФорматуванняМініфікація CSSЗнімайте коментарі і пробільні символи, щоб отримати найменший CSS.КомпресуйтеФорматування C#Індет C# код і поставити брекети і заяви на власні лінії.ФорматуванняФорматування JavaЗверніть код Java назад в читання: одне викладення на рядку, підвіски затягнуті.ФорматуванняФорматування GraphQLФорматизуйте запити і схеми GraphQL, щоб внущувані вибірки були легкі для читання.ФорматуванняФорматування AngularФорматування шаблонів кутових компонентів з їх структурними директивами та зв'язками.ФорматуванняФорматування VueФорматизувати компонент Vue для одного файлу: шаблон, сценарій і стиль разом.Форматування