Eine Vue-Single-File-Komponente formatieren: Template, Script und Style zusammen.
Tool wird geladen ...
So verwenden Sie Vue Formatter
Fügen Sie Ihren Code ein. Die Formatierungs-Engine wird beim ersten Mal kurz geladen.
Passen Sie bei Bedarf die Optionen an.
Kopieren Sie das formatierte Ergebnis.
Über Vue Formatter
Eine Vue-Single-File-Komponente vereint drei Sprachen in einer Datei. Dieser Formatierer verarbeitet alle drei: das Template mit seinen Direktiven (v-if, v-for, @click), den Script-Block in JavaScript oder TypeScript und den Style-Block in CSS.
Fügen Sie die ganze .vue-Datei oder nur einen Block ein.
Häufig gestellte Fragen
Unterstützt es die Composition API und script setup?
Ja, Script-Blöcke werden wie normales JavaScript oder TypeScript formatiert.
Funktioniert es mit Vue 2 und Vue 3?
Ja, die Template-Syntax beider Versionen wird unterstützt.
Was ist mit Scoped Styles und SCSS?
Style-Blöcke werden entsprechend ihrem lang-Attribut formatiert.
Warum hat der erste Durchlauf eine Sekunde gedauert?
Die Formatierungs-Engine für diese Sprache wird beim ersten Gebrauch heruntergeladen und dann von Ihrem Browser zwischengespeichert. Danach erfolgt die Formatierung sofort, und nichts verlässt Ihren Rechner.