# Vue formatētājs

Formatējiet Vue vienfaila komponentes ar šo Vue formatētāju. Ielīmējiet komponenti, un rīks formatēs tās skripta bloku kā JavaScript vai kā TypeScript, ja lang ir ts, bet stila bloku — kā CSS, SCSS vai Less atbilstoši tā lang atribūtam, abus blokus atkāpinot zem to tagiem. Veidnes bloks tiek atstāts vienā rindā, sapludinot liekās atstarpes. Noder Vue izstrādātājiem, kas sagatavo komponentes pārskatīšanai un dokumentācijai.

## Bieži uzdotie jautājumi

### Ko Vue formatētājs maina komponentē?

Tas formatē skripta un stila bloku saturu un izvieto katru augstākā līmeņa bloku atsevišķā rindā. Kods katrā blokā tiek atkāpināts par divām atstarpēm zem sākuma taga.

### Kā tiek apstrādāts veidnes bloks?

Veidnes bloks tiek atstāts vienā rindā, vairākas atstarpes sapludinot vienā. Direktīvas, piemēram, v-if, v-for, :prop un @event, kā arī mustache izteiksmes tiek nokopētas tieši tā, kā tās uzrakstītas.

### Kā tiek formatēts skripta bloks?

Vienkāršs skripta bloks tiek parsēts un izvadīts kā JavaScript ar divu atstarpju atkāpi un semikoliem. Ar lang="ts" tas tiek formatēts kā TypeScript, kas atbalsta arī tipu anotācijas.

### Kā tiek formatēts stila bloks?

Stila bloks pēc noklusējuma tiek formatēts kā CSS, katru deklarāciju izvietojot atsevišķā rindā. Ar lang="scss" vai lang="less" tiek izmantoti SCSS vai Less noteikumi, un scoped atribūts tiek saglabāts.

### Kas notiek, ja skriptā ir sintakses kļūda?

JavaScript un CSS bloki tiek parsēti, tāpēc sintakses kļūdas gadījumā rīks apstājas un parāda kļūdas ziņojumu. Novērsiet norādīto problēmu un formatējiet vēlreiz.

### Vai tiek atbalstīts script setup?

Jā, setup atribūts tiek saglabāts tagā, un saturs tiek formatēts tāpat kā jebkurš cits skripta bloks. Kompilatora makro, piemēram, defineProps, formatētājs uztver kā parastus funkciju izsaukumus.

### Vai varu mainīt atkāpi?

Nē, formatētājs vienmēr izmanto divas atstarpes, un tam nav opciju. Viena un tā pati komponente vienmēr veido vienādu izvadi.

### Vai komentāri tiek saglabāti?

Jā, HTML komentāri starp blokiem un komentāri skripta un stila blokos tiek saglabāti. Komentāri veidnē paliek savā vietā vienā rindā.

### Kāpēc rezultāts ir ietverts html koda blokā?

Vienfaila komponentes tiek nolasītas kā HTML, tāpēc rezultāts tiek atgriezts kā Markdown koda bloks ar html marķējumu. Nokopējiet rindas starp koda bloka atdalītājiem savā .vue failā.

### Cik liela var būt komponente?

Līdz 5 MB vienā izpildes reizē; lielāka ievade tiek noraidīta ar ziņojumu. Izvade ir identiska Code Formatter opcijai Vue.

Jūsu reklāma šeit?

[Rakstiet mums](mailto:hi@dennn.is?subject=Rekl%C4%81ma%20vietn%C4%93%20OneClick%20Pro)

[Reklāma Aģentiem gatavais spraudņu komplekts vietnei WordPress.](https://sleekwp.com/?ref=oneclickpro)