Форматиращ инструмент за Vue
Форматирайте еднофайлови компоненти Vue с този форматиращ инструмент за Vue. Поставете компонент и инструментът ще форматира блока script като JavaScript или като TypeScript, когато lang е ts, а блока style — като CSS, SCSS или Less според атрибута lang, като постави и двата с отстъп под съответните тагове. Блокът template остава на един ред, а интервалите се свеждат. Полезно за разработчиците на Vue, които подготвят компонентите за преглед и документация.
Често задавани въпроси
Какво променя форматиращият инструмент за Vue в компонент?
Той форматира съдържанието на блоковете script и style и поставя всеки блок от най-високо ниво на отделен ред. Кодът във всеки блок е с отстъп от два интервала под отварящия таг.
Как се обработва блокът template?
Блокът template остава на един ред, като поредиците от интервали се свеждат до единични интервали. Директиви като v-if, v-for, :prop и @event, както и изразите с мустache, се копират точно както са написани.
Как се форматира блокът script?
Обикновен скриптов блок се анализира и отпечатва като JavaScript с отстъп от два интервала и точка и запетая. С lang="ts" се форматира като TypeScript, което поддържа и анотации на типове.
Как се форматира стиловият блок?
По подразбиране стиловият блок се форматира като CSS, с по една декларация на ред. При lang="scss" или lang="less" се използват правилата за SCSS или Less, а атрибутът scoped се запазва.
Какво става при синтактична грешка в скрипта?
Блоковете JavaScript и CSS се анализират, затова синтактична грешка спира инструмента и съобщението за нея се показва. Поправете посочения проблем и форматирайте отново.
Поддържа ли script setup?
Да, атрибутът setup се запазва в тага, а съдържанието се форматира като във всеки друг скриптов блок. Макросите на компилатора, като defineProps, се третират от форматиращия инструмент като обикновени извиквания на функции.
Мога ли да променя отстъпа?
Не, форматиращият инструмент винаги използва два интервала и няма опции. Един и същ компонент винаги генерира еднакъв резултат.
Запазват ли се коментарите?
Да, коментарите HTML между блоковете и коментарите в скриптовите и стиловите блокове се запазват. Коментарите в шаблона остават на място на единствения си ред.
Защо резултатът е ограден като html?
Еднофайловите компоненти се разчитат като HTML, затова резултатът се връща като кодов блок Markdown с обозначение html. Копирайте редовете между ограждащите маркери във вашия .vue файл.
Колко голям може да бъде компонентът?
До 5 MB на изпълнение; по-голям вход се отхвърля със съобщение. Резултатът е идентичен с този от опцията Vue на форматиращия инструмент за код.