Kod Biçimlendirici
Kodu yapıştırın veya bir dosya açın, Biçimlendir'e basın, düzenli kodunuz hazır. Dil otomatik algılanır — JavaScript, TypeScript, CSS, HTML, JSON, XML, SQL, YAML, Markdown ve GraphQL, hepsi tarayıcınızda.
Her şey tarayıcınızda çalışır — kodunuz hiçbir sunucuya yüklenmez.
Satır genişliği JavaScript, TypeScript, CSS, SCSS, LESS, HTML, YAML, Markdown ve GraphQL için geçerlidir. Biçimlendirme mantığı, türleri veya stil kurallarını asla denetlemez.
Kod ekler eklemez dil algılanır.
Buraya bir kod dosyası bırakın (en fazla 5 MB), yapıştırın veya örnek yükleyin. Biçimlendirmek için Ctrl+Enter'a basın.
Kodu tarayıcınızda biçimlendirin ve düzenleyin
Küçültülmüş bir pakete, bir log çıktısına, bir sohbet mesajına veya eski bir projeye ait kodu okumak zordur, gözden geçirmek ise daha da zordur. Bu Kod Biçimlendirici, onu tek tıkla düzenli ve tutarlı girintili bir metne çevirir. Kodu yapıştırın, Biçimlendir'e (ya da Ctrl+Enter'a) basın; sonuç özgün kodun yanında belirir ve iki tarafta da satır numaraları bulunduğu için farkları bir bakışta görebilirsiniz.
Araç, geliştiricilerin en sık karşılaştığı biçimleri destekler: JSX'li JavaScript, TSX'li TypeScript, CSS, SCSS ve LESS, satır içi betik ve stilleriyle HTML, JSON, XML, on üç lehçeli SQL, YAML, Markdown ve GraphQL. Dil varsayılan olarak sizin yerinize algılanır: dosya açtıysanız dosya adından, yapıştırdıysanız metnin kendisinden. Metin birkaç şey olabiliyorsa araç sessizce yanlış çözümleyiciyi seçmek yerine bunu söyler ve olası adayları sunar.
Stil sizin elinizde. Prettier ile biçimlendirilen diller için iki boşluk, dört boşluk ya da sekme girintisini ve 80, 100 veya 120 karakterlik satır genişliğini seçebilirsiniz. SQL'de PostgreSQL, MySQL, SQL Server veya BigQuery gibi lehçeyi belirleyebilirsiniz. JSON için ayrıca sayılara, metinlere ve anahtar sırasına dokunmadan tüm boşlukları silen bir Küçült düğmesi vardır. Ayarlar tarayıcınızda hatırlanır; sonucu yazarken görmek isterseniz otomatik biçimlendirmeyi açabilirsiniz.
Bir sorun olduğunda mesaj kısa ve nettir: dil, çözümleyicinin ne beklediği ve satır ile sütun. Girişiniz asla üzerine yazılmaz ve bir düğme imleci doğrudan soruna götürür. Geri al düğmesi, yanlışlıkla temizlediğiniz veya değiştirdiğiniz metni geri getirir. Sonucu dilin doğru dosya uzantısıyla indirebilir ya da neyin değiştiğini tam olarak görmek için iki sürümü Metin Karşılaştırma aracında yan yana açabilirsiniz.
Her şey kendi cihazınızda gerçekleşir. Ağır biçimlendirme motorları yalnızca gerçekten biçimlendirdiğiniz dil için indirilir ve arka plandaki bir worker'da çalışır; büyük bir dosya sayfayı dondurmaz. Sınırları bilmekte fayda var: 5 MB'a kadar dosya açılabilir, 300.000 karakteri aşan girişler birkaç saniye sürebilir, iki milyon karakteri aşanlar ise reddedilir. Biçimlendirme bir linter ya da derleyici değildir; mantık hatalarını bulmaz ve nadir bazı söz dizimi özellikleri kabul edilmeyebilir.
Sık sorulan sorular
Kodum bir yere yükleniyor mu?
Hayır. Kod, tarayıcınızın içinde arka planda çalışan kütüphanelerle biçimlendirilir. Hiçbir şey sunucuya gönderilmez. Bu tarayıcının yerel depolamasında yalnızca ayarlarınız ve isteğe bağlı bir taslak tutulur; kutuyu istediğiniz zaman temizleyebilirsiniz.
Biçimlendirme kodumun yaptığı işi değiştirir mi?
Biçimlendirici yalnızca görünümü değiştirir: girinti, satır sonları ve boşluklar. Tırnak işaretlerini düzene sokabilir, isteğe bağlı parantezleri ekleyip kaldırabilir ve noktalı virgülleri tutarlı hale getirebilir, ancak anlam aynı kalır. Mantığı, türleri ya da lint kurallarını denetlemez; yani doğru kod girerseniz doğru kod çıkar, yanlış kod ise yanlış kalır.
Dil nasıl algılanıyor?
Dosya açarsanız uzantısına bakılır. Aksi halde araç metnin kendisini inceler: etiketler, süslü parantezler, anahtar sözcükler ve tipik noktalama. CSS ile SCSS ya da JavaScript ile TypeScript gibi birbirine benzeyen diller olduğunda tahmin yürütmek yerine size sorar. Dil listesinden istediğiniz dili her zaman elle seçebilirsiniz.
Kodumda söz dizimi hatası varsa ne olur?
Çıktı boş kalır, girişiniz olduğu gibi korunur ve satır ile sütunu belirten kısa bir mesaj görürsünüz. Girişte göster düğmesiyle o noktaya atlayın, hatayı düzeltin ve yeniden Biçimlendir'e basın.
Burada kod küçültebilir miyim?
Yalnızca JSON için; boşlukları kaldırmak JSON'da her zaman güvenlidir. JavaScript veya CSS'i doğru biçimde küçültmek için ayrı bir minifier gerekir, çünkü değişkenleri yeniden adlandırmak veya kuralları birleştirmek davranışı değiştirebilir; bu yüzden araç buna girişmez. Daha ayrıntılı bir SQL söz dizimi denetimi için SQL Biçimlendirici ve Doğrulayıcı'yı kullanın.