Formatta un componente single-file di Vue: template, script e style insieme.
Caricamento dello strumento...
Come usare Vue Formatter
Incolla il tuo codice. La prima volta il motore del formattatore si carica in un attimo.
Regola le opzioni se serve.
Copia il risultato formattato.
Informazioni su Vue Formatter
Un componente single-file di Vue mescola tre linguaggi in un solo file. Questo formattatore gestisce tutti e tre: il template con le sue direttive (v-if, v-for, @click), il blocco script in JavaScript o TypeScript e il blocco style in CSS.
Incolla l'intero file .vue oppure un solo blocco.
Domande frequenti
Supporta la Composition API e script setup?
Sì, i blocchi script vengono formattati come normale JavaScript o TypeScript.
Funziona con Vue 2 e Vue 3?
Sì, la sintassi dei template di entrambi è supportata.
E gli stili scoped e SCSS?
I blocchi style vengono formattati in base al loro attributo lang.
Perché la prima esecuzione ha richiesto un secondo?
Il motore di formattazione per questo linguaggio viene scaricato la prima volta che lo usi, poi messo in cache dal tuo browser. Dopo, la formattazione è istantanea e nulla lascia il tuo computer.