jsonecho

Formateur Vue

Formatez un composant monofichier Vue : template, script et style ensemble.

Chargement de l'outil...

Comment utiliser Formateur Vue

  1. Collez votre code. Le moteur de formatage se charge en un instant la première fois.
  2. Ajustez les options si nécessaire.
  3. Copiez le résultat formaté.

À propos de Formateur Vue

Un composant monofichier Vue mélange trois langages dans un fichier. Ce formateur gère les trois : le template avec ses directives (v-if, v-for, @click), le bloc script en JavaScript ou TypeScript, et le bloc style en CSS.

Collez le fichier .vue entier ou juste un bloc.

Questions fréquentes

Prend-il en charge la Composition API et script setup ?

Oui, les blocs script sont formatés comme du JavaScript ou TypeScript normal.

Fonctionne-t-il avec Vue 2 et Vue 3 ?

Oui, la syntaxe de template des deux est prise en charge.

Et les styles scoped et SCSS ?

Les blocs style sont formatés selon leur attribut lang.

Pourquoi la première exécution a-t-elle pris une seconde ?

Le moteur de formatage pour ce langage est téléchargé la première fois que vous l'utilisez, puis mis en cache par votre navigateur. Ensuite, le formatage est instantané et rien ne quitte votre machine.

Plus dans Formateurs de code

Tous les outils →