Vue Biçimlendirici
Vue tek dosyalı bileşenleri bu Vue Biçimlendirici ile biçimlendirin. Bir bileşeni yapıştırın; araç, script bloğunu JavaScript veya lang ts olduğunda TypeScript olarak, style bloğunu ise lang niteliğine göre CSS, SCSS veya Less olarak biçimlendirir ve her ikisini de etiketlerinin altında girintiler. template bloğu, boşluklar daraltılarak tek satırda tutulur. Bileşenlerini inceleme ve belgeler için düzenleyen Vue geliştiricilere yardımcı olur.
Sık sorulan sorular
Vue Biçimlendirici bir bileşende neleri değiştirir?
script ve style bloklarının içeriğini biçimlendirir ve en üst düzeydeki her bloğu kendi satırına yerleştirir. Her bloğun içindeki kod, açılış etiketinin altında iki boşlukla girintilenir.
template bloğu nasıl işlenir?
template bloğu tek satırda tutulur; ardışık boşluklar tek boşluğa indirilir. v-if, v-for, :prop ve @event gibi yönergeler ve mustache ifadeleri yazıldıkları gibi aynen kopyalanır.
script bloğu nasıl biçimlendirilir?
Düz bir script bloğu ayrıştırılır ve iki boşluk girintiyle, noktalı virgüller eklenerek JavaScript olarak yazdırılır. lang="ts" olduğunda, tür açıklamalarını da kabul eden TypeScript olarak biçimlendirilir.
style bloğu nasıl biçimlendirilir?
Bir style bloğu varsayılan olarak, her bildirim ayrı satırda olacak şekilde CSS olarak biçimlendirilir. lang="scss" veya lang="less" olduğunda SCSS ya da Less kuralları kullanılır ve scoped niteliği korunur.
script içinde sözdizimi hatası olursa ne olur?
JavaScript ve CSS blokları ayrıştırılır; bu nedenle bir sözdizimi hatası aracı durdurur ve hata mesajı gösterilir. Bildirilen sorunu düzeltip yeniden biçimlendirin.
script setup destekleniyor mu?
Evet, setup niteliği etikette korunur ve içerik diğer script blokları gibi biçimlendirilir. defineProps gibi derleyici makroları, biçimlendirici tarafından sıradan işlev çağrıları olarak değerlendirilir.
Girintilemeyi değiştirebilir miyim?
Hayır, biçimlendirici her zaman iki boşluk kullanır ve seçenek sunmaz. Aynı bileşen her zaman aynı çıktıyı üretir.
Yorumlar korunuyor mu?
Evet, bloklar arasındaki HTML yorumları ile script ve style bloklarının içindeki yorumlar korunur. template içindeki yorumlar tek satırda yerlerinde kalır.
Sonuç neden html olarak çitle çevriliyor?
Tek dosyalı bileşenler HTML olarak okunur; bu nedenle sonuç, html olarak işaretlenmiş bir Markdown kod bloğu şeklinde döner. Çitlerin arasındaki satırları .vue dosyanıza kopyalayın.
Bileşen ne kadar büyük olabilir?
Her çalıştırmada en fazla 5 MB olabilir; daha büyük girişler bir mesajla reddedilir. Çıktı, Code Formatter'ın Vue seçeneğiyle aynıdır.