MDX Biçimlendirici: Prettier ile Çevrimiçi Biçimlendir
MDX Biçimlendirici, MDX'yi (Markdown + JSX) okumayı ve incelemeyi kolaylaştırmak için Prettier kullanır. MDX'yi yapıştırın veya sürükleyip bırakın, girintiyi, satır genişliğini ve metin kaydırmayı seçin, ardından biçimlendirilmiş sonucu kopyalayın. Tutarlı biçimlendirme, kod inceleme diff'lerindeki boşluk gürültüsünü azaltabilir ve makine tarafından üretilen belgelerin incelenmesini netleştirebilir. Girdinin ayrıştırılıp ayrıştırılmadığını kontrol etmek ve sorunlu satırı bulmak için kullanın.
MDX Biçimlendirici, Markdown ile JSX'i birleştiren belge biçimi MDX'yi biçimlendirmek için Prettier kullanan çevrimiçi bir MDX biçimlendiricisidir. Geliştiricilere, inceleme, paylaşma veya commit'leme öncesinde MDX dosyalarını daha tutarlı ve okunabilir hâle getirmenin pratik bir yolunu sunar.
Kullanmak için MDX'yi yapıştırın veya sürükleyip bırakın, girinti, satır genişliği ve metin kaydırma ayarlarını seçin ve biçimlendirilmiş çıktıyı kopyalayın. Bu seçenekler, biçimlendirilmiş belgenin nasıl yerleştirileceğini kontrol etmenize olanak tanır. Araç ayrıca girdinin ayrıştırıldığını doğrulamanıza ve ayrıştırılmayan satırın tam yerini belirlemenize yardımcı olabilir.
Markdown, okunabilir metin ve hafif işaretleme için tasarlanmıştır; JSX ise MDX belgelerinin JSX sözdizimi içermesini sağlar. Bir belgenin hem düz metin hem de JSX'e ihtiyacı olduğunda MDX kullanışlıdır; biçimlendirme, bu karışık içeriğin taranmasını kolaylaştırabilir. Tutarlı biçimlendirme, boşluk tutarsızlıklarını azaltarak kod inceleme diff'lerini daha az dikkat dağıtıcı hâle getirebilir.
MDX Biçimlendirici tamamen tarayıcınızda çalışır: girdiniz cihazınızda işlenir ve bir sunucuya gönderilmez. Ücretsizdir, kayıt gerekmez ve sayfa yüklendikten sonra çevrimdışı çalışır. Geliştiricilerin ve DevOps mühendislerinin üretilmiş MDX'yi biçimlendirmesine, başkasının yazdığı bir belgeyi incelemesine veya paylaşmadan önce bir parçacığı temizlemesine yardımcı olabilir; örneğin bir hata raporunda veya kod incelemesinde.
Adım 1: MDX'nizi araca yapıştırın veya sürükleyip bırakın. Markdown ile JSX'i birleştiren MDX girdisini kabul eder.
Adım 2: Biçimlendirilmiş çıktı için istediğiniz girintiyi seçin. Tutarlı girinti, belgelerin incelenmesini kolaylaştırabilir.
Adım 3: Satır genişliği ve metin kaydırma seçeneklerini ayarlayın. Bu ayarlar, Prettier'ın biçimlendirilmiş MDX'yi nasıl yerleştireceğini kontrol eder.
Adım 4: Biçimlendirilmiş sonucu inceleyin ve kopyalayın. Çıktıyı projenizde, kod incelemesinde veya hata raporunda kullanabilirsiniz.
Kullanım senaryosu: Okunamayan, makine tarafından üretilmiş bir MDX dosyasını commit'lemeden önce incelemeyi kolaylaştırın.
Kullanım senaryosu: Başkasının yazdığı bir MDX belgesini, projenizin izlediği kurallara göre kontrol edebilmek için biçimlendirin.
Kullanım senaryosu: Kod inceleme diff'inin boşluk değişikliklerinden daha az etkilenmesi için tutarlı girintili MDX üretin.
Kullanım senaryosu: Bir hata raporuna veya kod incelemesine yapıştırmadan önce bir MDX parçacığını temizleyin.
Kullanım senaryosu: MDX girdisinin ayrıştırılıp ayrıştırılmadığını kontrol edin ve ayrıştırılmayan satırın tam yerini bulun.
Kullanım senaryosu: Hem düz metin hem de JSX içeren bir belgeyi biçimlendirin; böylece her iki içerik türünü de taramak kolaylaşır.