Prettier Kod Biçimlendirici

JavaScript, TypeScript, JSON, HTML, CSS, Markdown, YAML, GraphQL ve ilgili dosyaları doğrudan tarayıcınızda Prettier ile biçimlendirin.

Kaynak kod
JavaScript, TypeScript, JSON, HTML, CSS, Markdown, YAML, GraphQL veya ilgili dosyaları yapıştırın ve Prettier ile tarayıcıda biçimlendirin.
Biçimlendirilmiş çıktı
Önizleme, aşağıdaki seçili Prettier ayrıştırıcısını ve seçeneklerini kullanır.
Kod biçimlendiriliyor...
Biçimlendirme seçenekleri
Kaynak kodu elle değiştirmeden ayrıştırıcıyı ve stil kurallarını seçin.
Girinti
Stil

Prettier Kod Biçimlendirici Nedir?

Prettier Kod Biçimlendirici, resmi Prettier standalone akışını doğrudan tarayıcınızda çalıştırır; böylece kaynak dosyaları kodu bir sunucuya göndermeden düzenleyebilirsiniz. Hızlı bir biçimlendirme yapmak, farklı satır genişliği ayarlarını karşılaştırmak veya hemen kopyalanıp indirilebilecek temiz bir dosya elde etmek istediğinizde kullanışlıdır.

Desteklenen Biçimler

Bu yeniden yazım, aracı Prettier’ın tarayıcıda zaten iyi desteklediği biçimlere odaklı tutar: JavaScript, JSX, TypeScript, TSX, Flow, JSON varyantları, HTML, XML, CSS, PostCSS, SCSS, Less, Markdown, MDX, YAML, GraphQL ve Angular, Vue, Svelte, LWC, MJML, Handlebars gibi şablon biçimleri. Dil seçici hangi ayrıştırıcının çalışacağını belirler; bir dosya içe aktarılırsa, uzantı tanınabildiğinde ayrıştırıcı otomatik olarak algılanır.

Bu Yeniden Yazım Nasıl Çalışır?

Yeniden yazım, ağır biçimlendirme mantığını ana kullanıcı arayüzü yolunun dışında tutar. Biçimlendirme istekleri saf, araç yerel yapılandırmadan oluşturulur ve ardından tembel yüklenen iş parçacığı destekli bir Prettier akışında çalıştırılır; böylece normal yazma işlemi akıcı kalır. Büyük girdiler otomatik biçimlendirmeyi duraklatır ve daha öngörülebilir bir Şimdi biçimlendir eylemine geçer.