Softonic

Prettier Yapılandırma Oluşturucu

Adım 1 / 2
Sonraki

Yaygın on Prettier seçeneği için değerleri belirleyin ve oluşturulan yapılandırmayı kopyalayın. Araç JSON, YAML veya CommonJS JavaScript dosyası üretir; projeyi incelemez, yapılandırmayı Prettier ile doğrulamaz, eklenti ya da geçersiz kılma eklemez.

Yapılandırma nasıl oluşturulur?

  1. 1

    Düzeni ayarlayın

    Satır genişliğini, sekme genişliğini, sekme veya boşluk kullanımını, noktalı virgülü ve tırnak biçimini seçin.

  2. 2

    Söz dizimi ayrıntılarını ayarlayın

    Sondaki virgülleri, süslü parantez içi boşluğu, ok işlevi parantezlerini, satır sonlarını ve JSX tırnaklarını seçin.

  3. 3

    Dosya biçimini seçin

    .prettierrc.json, .prettierrc.yaml veya module.exports kullanan CommonJS .prettierrc.js dosyası oluşturun.

  4. 4

    Kopyalayıp denetleyin

    Çıktıyı projenize kaydedin ve kurulu Prettier sürümünüzle npx prettier --check . komutunu çalıştırın.

Bu oluşturucudaki seçenekler

Seçenek Kullanılabilir değerler
printWidth 40–200
tabWidth 1–8
useTabs, semi, bracketSpacing, jsxSingleQuote true veya false
singleQuote true veya false
trailingComma none, es5 veya all
arrowParens always veya avoid
endOfLine lf, crlf, cr veya auto

Sayı alanları gösterilen aralıklarla sınırlandırılır. Diğer denetimler yalnızca listelenen değerleri sunar. Bunlar günlük kullanım için yararlı ayarlardır; Prettier tarafından desteklenen tüm seçenekleri kapsamaz.

Çıktı biçimleri

  • JSON, .prettierrc.json için uygun bir JSON nesnesi üretir.
  • YAML, .prettierrc.yaml için uygun anahtar-değer satırları üretir.
  • JavaScript, aynı nesneyi module.exports = { ... }; içine alarak CommonJS .prettierrc.js yapısına uygun hâle getirir.

Prettier başka yapılandırma dosyası adlarını ve modül biçimlerini de destekler. Bu oluşturucu yalnızca yukarıdaki üç çıktıyı üretir. Prettier çalıştırılmadığı için kopyaladığınız dosyayı projenizde kurulu sürümle denetleyin.

Veri işleme

Denetimler sunucu alanlarıdır; bu nedenle seçenek değerleri sayfa güncellenirken sunucuya gönderilir. İki adımlı görünümde sayfa URL’sinde de yer alabilirler. Prettier yapılandırması normalde gizli bilgi içermez, ancak bu alanlara veya paylaşılan URL’ye hassas veri koymayın.

Sık Sorulan Sorular

Hayır. Formda gösterilen on seçeneği üretir. Desteklenen diğer ayarları, kurulu sürümünüzün belgelerini denetledikten sonra elle ekleyin.

Hayır. Yapılandırma metni üretir ancak Prettier çalıştırmaz. Dosyayı kaydedip projenizde npx prettier --check . komutunu çalıştırın.

Hayır. Çıktı tek bir düz nesnedir. Projeniz gerektiriyorsa geçersiz kılmaları veya eklentiye özgü seçenekleri elle ekleyin.

Bu, aracın ürettiği CommonJS biçimidir. Projeniz ES modülü yapılandırması bekliyorsa dışa aktarma ifadesini ve dosya adını buna göre uyarlayın.

İlgili Araçlar

ASCII Tablosu Referansı

NUL, LF ve DEL dahil her kod için ondalık, onaltılık, sekizlik ve ikili değerlerle HTML sayısal karakter başvurusu gösterimini sunan tam ASCII tablosu.

HTML Karakter Referansı

HTML varlıklarının aranabilir listesi; adlandırılmış ve sayısal kodlarıyla birlikte özel karakter ve semboller için tek tıkla kopyalama.

Klavye kısayolları başvurusu

macOS, Windows ve Linux’ta VS Code, Chrome ve GNU Readline kullanan Bash için belgelenmiş varsayılan kısayolları arayın.

FPS Sayacı

requestAnimationFrame ile tarayıcı FPS değerini ölçün: yumuşatma, en düşük ve en yüksek kare hızı, uyarı eşiği ve isteğe bağlı grafik. Yerel çalışır, yükleme ve API yoktur.

E-posta Doğrulayıcı

Bir e-posta adresini doğrulayın: RFC 5322 sözdizimi kontrolü, canlı MX kaydı sorgulama, ayrıca yerel kısım, alan adı ve uzunluk bilgileri. Hiçbir e-posta gönderilmez.

EditorConfig Oluşturucu

Girinti stili ve boyutu, satır sonu, karakter kümesi ve boşluk kurallarınızla bir .editorconfig dosyası oluşturarak IDE ve editörler arasında tutarlı biçimlendirme sağlayın.

Araç diğer dillerde mevcuttur