# Vue formatavimo įrankis

Formatuokite Vue vieno failo komponentus naudodami šį Vue formatuotuvą. Įklijuokite komponentą, o įrankis suformatuos jo script bloką kaip JavaScript arba kaip TypeScript, kai lang yra ts, o style bloką – kaip CSS, SCSS arba Less, atsižvelgdamas į lang atributą; abu blokus įtrauks po jų žymomis. template blokas liks vienoje eilutėje, o tarpai bus sutraukti. Naudinga Vue kūrėjams, tvarkantiems komponentus peržiūroms ir dokumentacijai.

## Dažnai užduodami klausimai

### Ką komponento Vue formatuotuvas pakeičia?

Jis suformatuoja script ir style blokų turinį ir kiekvieną aukščiausio lygio bloką pateikia atskiroje eilutėje. Kiekvieno bloko kodas įtraukiamas dviem tarpais po atidarymo žyma.

### Kaip apdorojamas template blokas?

template blokas paliekamas vienoje eilutėje, o pasikartojantys tarpai sutraukiami iki vieno tarpo. Direktyvos, tokios kaip v-if, v-for, :prop ir @event, bei mustache išraiškos nukopijuojamos tiksliai taip, kaip parašytos.

### Kaip formatuojamas script blokas?

Įprastas script blokas išanalizuojamas ir išvedamas kaip JavaScript, naudojant dviejų tarpų įtrauką ir kabliataškius. Kai nurodyta lang="ts", jis formatuojamas kaip TypeScript, kuri taip pat priima tipų anotacijas.

### Kaip formatuojamas style blokas?

Pagal numatytuosius nustatymus style blokas formatuojamas kaip CSS, kiekvieną deklaraciją pateikiant atskiroje eilutėje. Kai nurodyta lang="scss" arba lang="less", taikomos SCSS arba Less taisyklės, o scoped atributas išsaugomas.

### Kas nutinka, jei script bloke yra sintaksės klaida?

JavaScript ir CSS blokai išanalizuojami, todėl dėl sintaksės klaidos įrankis sustoja ir parodo pranešimą. Ištaisykite nurodytą problemą ir formatuokite dar kartą.

### Ar palaikoma script setup?

Taip, setup atributas paliekamas žymoje, o turinys formatuojamas kaip bet kuris kitas script blokas. Kompiliatoriaus makrokomandas, tokias kaip defineProps, formatuotuvas laiko įprastais funkcijų iškvietimais.

### Ar galiu pakeisti įtrauką?

Ne, formatuotuvas visada naudoja dviejų tarpų įtrauką ir neturi parinkčių. Tas pats komponentas visada pateikia tą patį rezultatą.

### Ar komentarai išsaugomi?

Taip, HTML komentarai tarp blokų ir komentarai script bei style blokuose išsaugomi. Komentarai template bloke lieka savo vietose vienoje eilutėje.

### Kodėl rezultatas pateikiamas su html kodo tvorele?

Vieno failo komponentai skaitomi kaip HTML, todėl rezultatas pateikiamas kaip Markdown kodo blokas su html žyma. Nukopijuokite eilutes tarp kodo tvorelių į savo .vue failą.

### Kokio dydžio gali būti komponentas?

Iki 5 MB vienai operacijai; didesnė įvestis atmetama ir parodomas pranešimas. Rezultatas toks pat kaip Code Formatter parinkties Vue.

Jūsų reklama čia?

[Parašykite mums el. paštu](mailto:hi@dennn.is?subject=Reklama%20svetain%C4%97je%20OneClick%20Pro)

[Reklama Įskiepių rinkinys, paruoštas agentams, skirtas WordPress.](https://sleekwp.com/?ref=oneclickpro)