Formatter Vue
Formatuj komponenty jednoplikowe Vue za pomocą tego formatera Vue. Wklej komponent, a narzędzie sformatuje jego blok script jako JavaScript lub jako TypeScript, gdy lang ma wartość ts, a blok style jako CSS, SCSS lub Less, zgodnie z atrybutem lang, wcinając oba bloki pod ich znaczniki. Blok template pozostaje w jednym wierszu, a białe znaki są scalane. Przydatne dla programistów Vue porządkujących komponenty przed przeglądami i do dokumentacji.
Najczęściej zadawane pytania
Co zmienia formatter Vue w komponencie?
Formatuje zawartość bloków script i style oraz umieszcza każdy blok najwyższego poziomu w osobnym wierszu. Kod wewnątrz każdego bloku jest wcięty o dwie spacje względem znacznika otwierającego.
Jak obsługiwany jest blok template?
Blok template pozostaje w jednym wierszu, a ciągi białych znaków są scalane do pojedynczych spacji. Dyrektywy takie jak v-if, v-for, :prop i @event oraz wyrażenia mustache są kopiowane dokładnie tak, jak zostały zapisane.
Jak formatowany jest blok script?
Zwykły blok script jest analizowany i wyświetlany jako JavaScript z wcięciem o dwie spacje i średnikami. Przy lang="ts" jest formatowany jako TypeScript, który obsługuje również adnotacje typów.
Jak formatowany jest blok style?
Blok style jest domyślnie formatowany jako CSS, z jednym deklaracją w każdym wierszu. Przy lang="scss" lub lang="less" stosowane są reguły SCSS lub Less, a atrybut scoped pozostaje bez zmian.
Co się dzieje w przypadku błędu składni w skrypcie?
Bloki JavaScript i CSS są analizowane, więc błąd składni zatrzymuje działanie narzędzia i wyświetla komunikat. Napraw zgłoszony problem i ponownie sformatuj kod.
Czy obsługuje script setup?
Tak, atrybut setup pozostaje w znaczniku, a zawartość jest formatowana jak w każdym innym bloku script. Makra kompilatora, takie jak defineProps, są dla formatera zwykłymi wywołaniami funkcji.
Czy mogę zmienić wcięcia?
Nie, formatter zawsze używa dwóch spacji i nie ma żadnych opcji. Ten sam komponent zawsze daje taki sam wynik.
Czy komentarze są zachowywane?
Tak, komentarze HTML między blokami oraz komentarze wewnątrz bloków script i style są zachowywane. Komentarze wewnątrz template pozostają na swoim miejscu w jego pojedynczym wierszu.
Dlaczego wynik jest umieszczony w ogrodzeniu kodu html?
Komponenty jednoplikowe są odczytywane jako HTML, więc wynik jest zwracany jako blok kodu Markdown oznaczony jako html. Skopiuj wiersze spomiędzy ogrodzeń do pliku .vue.
Jak duży może być komponent?
Do 5 MB na jedno uruchomienie; większe dane wejściowe są odrzucane z komunikatem. Wynik jest identyczny z opcją Vue w formatterze kodu.