# Форматиращ инструмент за 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 на форматиращия инструмент за код.

Вашата реклама тук?

[Пишете ни](mailto:hi@dennn.is?subject=%D0%A0%D0%B5%D0%BA%D0%BB%D0%B0%D0%BC%D0%B0%20%D0%B2%20OneClick%20Pro)

[Реклама Комплект плъгини за агенти за WordPress.](https://sleekwp.com/?ref=oneclickpro)