Araçlarım

Kod biçimlendirici

Kod yapıştırın, kendi dizilsin — dil algılanır, basılacak düğme yok.

Nasıl kullanılır

  1. Kodu kutuya yapıştırın — siz yazarken biçimlenir; basılacak bir düğme yok.
  2. Dil, koddan algılanır. Tahmin yanlışsa listeden seçin; 2 veya 4 boşluk ve 80, 100 ya da 120 sütun anında yeniden akar.
  3. Sonucu kopyalayın veya doğru uzantıyla indirin (.js, .ts, .json, .py …).

Örnek

Girdi

function greet(user){if(!user){return "Hello, guest";}const tags=["new","active"];return `Hello, ${user.name}!`;}
export default greet;

Biçimlendirilmiş

function greet(user) {
  if (!user) {
    return "Hello, guest";
  }
  const tags = ["new", "active"];
  return `Hello, ${user.name}!`;
}
export default greet;

Varsayılan kurallarla biçimlendirildi (2 boşluk, 80 sütun). Prettier noktalı virgül ve çift tırnak ekler; şablon dizesi ve "guest" yedek değeri değişmedi.

Kurallar, sınırlar ve bilinen sorunlar

  • Biçimlendirme yalnızca boşlukları ve biçimlendiricinin kendi normalleştirmelerini (tırnaklar, noktalı virgüller, sondan virgüller) değiştirir; kodu asla çalıştırmaz, anahtarları sıralamaz veya tanımlayıcıları yeniden adlandırmaz. Dizeler içeriklerini korur.
  • Motorlar: JavaScript, TypeScript, JSON, CSS, SCSS, Less, HTML, Vue ve GraphQL için Prettier; Python için Ruff (Black uyumlu). Yalnızca geçerli dilin motoru, ilk kullanımda indirilir ve tarayıcı önbelleğe alır.
  • Otomatik algılama bir sezgidir. Bir etiketle başlayan kod parçası, JSX olsa bile HTML olarak okunabilir; JavaScript veya TypeScript'i elle seçin. JSON gibi görünen ama geçerli JSON olmayan bir nesne JavaScript'e düşer.
  • Elle yapılan seçim bağlayıcıdır: CSS seçmek asla sessizce SCSS olarak biçimlendirmez. TypeScript önce .ts, sonra .tsx dener.
  • JSON, Prettier'in json ayrıştırıcısını kullanır, bu yüzden kısa nesneler tek satırda kalabilir. Katı doğrulama, anahtar sırası veya küçültme için JSON araç kutusunu kullanın. Yinelenen anahtarlarda, JSON.parse'taki gibi son değer kazanır.
  • Prettier'in varsayılan biçimi sabittir: çift tırnak, noktalı virgül ve geçerli olduğu yerde sondan virgül. .prettierrc ve .editorconfig okunmaz; tırnak veya noktalı virgül seçeneği yoktur. Python çift tırnak kullanır ve sihirli sondan virgüllere uyar (Ruff/Black).
  • HTML boşlukları htmlWhitespaceSensitivity: css kuralını izler, bu yüzden satır içi öğelerin çevresindeki boşluklar kaynaktan farklı olabilir. Markdown, YAML ve XML desteklenmez; bunlar Markdown editörü, yapılandırma dönüştürücü ve XML biçimlendirici tarafından karşılanır.
  • Çıktı LF kullanır ve sonda satır sonu yoktur; biçimlendirme idempotandır. 200.000 karakter üzerinde sonuç, yazmayı bıraktıktan yaklaşık 0,6 s sonra güncellenir; biçimlendirme bir Web Worker'da çalışır ve metin yüklenmez, URL'ye eklenmez veya saklanmaz.

Kod okunabilir hale geldikten sonra genellikle sırada ihtiyaç duyulan şeyler.

JSON araç kutusu

SQL biçimlendirici

XML biçimlendirici