Nasıl kullanılır
- Kodunuzu yapıştırın veya denemek için “Örnek yükle” düğmesine tıklayın.
- JavaScript, TypeScript veya JSON’u seçin; girinti, satır genişliği, noktalı virgül ve tırnak stilini ayarlayın.
- “Biçimlendir” düğmesine tıklayın veya Ctrl+Enter’a (Mac’te ⌘+Enter) basın.
- Biçimlendirilmiş kodu kopyalayın.
Seçeneklerin açıklaması
- Girinti
- 2 boşluk Prettier’ın varsayılanıdır ve JavaScript projelerinde en yaygın stildir. “Sekme” seçeneği sekme karakterleriyle girinti yapar.
- Satır genişliği
- Prettier bu karakter sayısını aşacak ifadeleri alt satıra kaydırır. Varsayılan değer 80’dir.
- Noktalı virgüller
- Deyim sonlarındaki noktalı virgülleri çıkarmak için kapatın. Prettier, çıkarılmaları anlamı değiştirecek yerlere yine de noktalı virgül ekler.
- Tek tırnak
- Daha fazla kaçış karakteri gerektirmediği sürece dizelerde "çift" yerine 'tek' tırnak kullanır.
Örnekler
Küçültülmüş paket (bundle). Ne yaptığını okumak için tek satırlık küçültülmüş bir kod parçasını yapıştırın; biçimlendirme girintileri ve satır sonlarını geri getirir, ancak kısa değişken adları kısa kalır.
Ekip stili. Projenizin Prettier ayarlarına uyun; örneğin 4 boşluk girinti, noktalı virgül yok ve tek tırnak.
Sıkça sorulan sorular
JSX ve modern sözdizimiyle çalışır mı?
Evet. JavaScript modu Babel ayrıştırıcısını kullanır; bu ayrıştırıcı JSX, optional chaining, sınıf alanları, üst düzey await ve diğer güncel sözdizimlerini anlar.
Neden sözdizimi hatası olduğunu söylüyor?
Prettier’ın kodu biçimlendirmeden önce ayrıştırması gerekir; bu yüzden geçerli JavaScript olmayan kodda durur. Mesaj, bakmanız gereken satırı ve sütunu gösterir.
Biçimlendirilmiş kod aynı şekilde çalışır mı?
Evet. Prettier boşlukları, satır sonlarını, tırnakları, parantezleri ve noktalı virgülleri yalnızca kodun anlamını koruyacak şekilde değiştirir.
Kodum sunucuya yükleniyor mu?
Hayır. Prettier tarayıcınızda çalışır, bu yüzden kodunuz cihazınızda kalır.
Gizlilik
Bu araç tamamen tarayıcınızda çalışır. Dosyalarınız ve metinleriniz cihazınızda işlenir, sunucularımıza asla yüklenmez.