Vue Formatter
Formatér Vue-single-file-komponenter med denne Vue Formatter. Indsæt en komponent, så formaterer værktøjet dens scriptblok som JavaScript eller som TypeScript, når lang er ts, og dens style-blok som CSS, SCSS eller Less afhængigt af dens lang-attribut, med begge indrykket under deres tags. Template-blokken holdes på én linje, og mellemrum samles. Nyttigt for Vue-udviklere, der rydder op i komponenter til anmeldelser og dokumentation.
Ofte stillede spørgsmål
Hvad ændrer Vue Formatter i en komponent?
Den formaterer indholdet i script- og style-blokke og placerer hver blok på øverste niveau på sin egen linje. Koden i hver blok indrykkes med to mellemrum under dens åbningstag.
Hvordan håndteres template-blokken?
Template-blokken holdes på én linje, og sammenhængende mellemrum reduceres til enkeltmellemrum. Direktiver som v-if, v-for, :prop og @event samt mustache-udtryk kopieres præcis, som de er skrevet.
Hvordan formateres script-blokken?
En almindelig script-blok parses og udskrives som JavaScript med to mellemrum i indrykningen og semikoloner. Med lang="ts" formateres den som TypeScript, som også accepterer typeannoteringer.
Hvordan formateres style-blokken?
En style-blok formateres som CSS som standard med én deklaration pr. linje. Med lang="scss" eller lang="less" bruges reglerne for SCSS eller Less, og attributten scoped bevares.
Hvad sker der ved en syntaksfejl i scriptet?
Blokkene JavaScript og CSS parses, så en syntaksfejl stopper værktøjet, og fejlmeddelelsen vises. Ret det rapporterede problem, og formatér igen.
Understøtter det script setup?
Ja, setup-attributten bevares på tagget, og indholdet formateres som enhver anden script-blok. Compiler-makroer som defineProps behandles som almindelige funktionskald af formatteringsværktøjet.
Kan jeg ændre indrykningen?
Nej, formatteringsværktøjet bruger altid to mellemrum og har ingen indstillinger. Den samme komponent giver altid det samme resultat.
Bevares kommentarer?
Ja, HTML kommentarer mellem blokke og kommentarer inde i script- og style-blokke bevares. Kommentarer i templaten bliver stående på deres plads på den enkelte linje.
Hvorfor er resultatet indrammet som html?
Single file components læses som HTML, så resultatet returneres som en Markdown-kodeblok markeret med html. Kopiér linjerne mellem kodehegnene ind i din .vue-fil.
Hvor stor kan komponenten være?
Op til 5 MB pr. kørsel; større input afvises med en meddelelse. Outputtet er identisk med Vue-indstillingen i Code Formatter.