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.