jsonecho

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

Форматизувати компонент Vue для одного файлу: шаблон, сценарій і стиль разом.

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

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

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

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

Компонент одного файлу Vue змішує три мови в одному файлі. Цей форматизатор обробляє всі три: шаблон з його директивами (v-if, v-for, @click), блок сценаріїв в JavaScript або TypeScript, і блок стилю в CSS.

Залистіть весь файл .Vue або лише один блок.

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

Чи підтримує він комп'ютер для композиції API та скрипту?

Так, блоки сценаріїв форматируються як звичайний JavaScript або TypeScript.

Це працює з Vue 2 і Vue 3?

Так, сінтакса шаблону обох підтримується.

А що з масштабними стилями і SCSS?

Блоки стилю форматируються відповідно до їх атрибуту ланг.

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

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

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

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