Formátovač Vue
Formátujte jednosouborové komponenty Vue pomocí tohoto formátovače Vue. Vložte komponentu a nástroj naformátuje její blok script jako JavaScript nebo jako TypeScript, pokud je lang ts, a blok style jako CSS, SCSS nebo Less podle atributu lang; oba bloky přitom odsazuje pod jejich značky. Blok template zůstane na jednom řádku a bílé znaky se sloučí. Užitečné pro vývojáře Vue, kteří upravují komponenty pro revize a dokumentaci.
Často kladené otázky
Co formátovač Vue v komponentě mění?
Formátuje obsah bloků script a style a každý blok nejvyšší úrovně umístí na vlastní řádek. Kód uvnitř každého bloku odsazuje dvěma mezerami pod jeho otevírací značku.
Jak se zpracovává blok template?
Blok template zůstane na jednom řádku a posloupnosti bílých znaků se sloučí na jednotlivé mezery. Direktivy jako v-if, v-for, :prop a @event i výrazy mustache se zkopírují přesně tak, jak jsou zapsané.
Jak se formátuje blok script?
Blok scriptu bez atributu lang se parsuje a vypíše jako JavaScript se dvěma mezerami odsazení a středníky. S lang="ts" se formátuje jako TypeScript, který podporuje také typové anotace.
Jak se formátuje blok stylů?
Blok stylů se ve výchozím nastavení formátuje jako CSS, přičemž každá deklarace je na samostatném řádku. S lang="scss" nebo lang="less" používá pravidla SCSS nebo Less a atribut scoped zůstává zachován.
Co se stane při syntaktické chybě ve scriptu?
Bloky JavaScript a CSS se parsují, takže syntaktická chyba nástroj zastaví a zobrazí se její hlášení. Opravte uvedený problém a spusťte formátování znovu.
Podporuje nástroj script setup?
Ano, atribut setup zůstane u tagu zachován a obsah se naformátuje jako kterýkoli jiný blok scriptu. Makra kompilátoru, například defineProps, jsou pro formátovač běžná volání funkcí.
Mohu změnit odsazení?
Ne, formátovač vždy používá dvě mezery a nemá žádné možnosti nastavení. Stejná komponenta vždy vytvoří stejný výstup.
Zachovají se komentáře?
Ano, komentáře HTML mezi bloky i komentáře uvnitř bloků script a style zůstávají zachovány. Komentáře uvnitř šablony zůstávají na svém místě na jejím jediném řádku.
Proč je výsledek ohraničen jako html?
Jednosouborové komponenty se načítají jako HTML, proto se výsledek vrací jako blok kódu Markdown označený html. Zkopírujte řádky mezi ohraničeními do souboru .vue.
Jak velká může být komponenta?
Nejvýše 5 MB na jedno spuštění; větší vstup se odmítne s hlášením. Výstup je totožný s možností Vue ve Formátovači kódu.