TypeScript Güzelleştirici: Tarayıcıda Biçimlendirin
TypeScript Güzelleştirici, TypeScript girdisini tutarlı biçimlendirilmiş koda dönüştürmek için Prettier kullanır. Bir parçacık yapıştırın veya sürükleyip bırakın, ardından girintiyi seçip yazdırma genişliğini, noktalı virgülleri, tırnakları ve sondaki virgülleri tercih ettiğiniz stile uyacak şekilde ayarlayın. Biçimlendirilmiş sonucu inceleyin ve düzenleyiciniz, kod incelemeniz, hata raporunuz veya başka bir geliştirme iş akışı için kopyalayın. Ayrıca girdinin ayrıştırılamadığı yeri ortaya çıkarmaya yardımcı olabilir.
TypeScript Güzelleştirici, Prettier kullanarak kaynak kodun okunmasını ve incelenmesini kolaylaştıran çevrimiçi bir TypeScript biçimlendiricidir. Araca TypeScript yapıştırın veya sürükleyip bırakın, girintiyi seçin ve tutarlı biçimlendirilmiş bir sonuç üretin. Boşluk ve noktalama işaretlerini elle ayarlamadan TypeScript'i çevrimiçi biçimlendirmeniz gerektiğinde kullanışlıdır.
Biçimlendirme davranışı ayarlanabilir: girinti ve yazdırma genişliğini ayarlayın; noktalı virgül, tırnak ve sondaki virgülleri yapılandırın. Bu seçenekler sonucu ihtiyacınız olan stile uyacak şekilde şekillendirmenizi sağlar. Biçimlendirdikten sonra çıktıyı düzenleyicinize, incelemenize veya raporunuza kopyalayın. Araç ayrıca girdinin ayrıştırılamadığı satırı belirlemenize yardımcı olabilir.
TypeScript kaynak dosyaları kod içerir; biçimlendirme ise bu kodun nasıl yerleştirileceğini belirler. Tutarlı girinti, satır genişliği, noktalı virgül, tırnak ve sondaki virgüller; makine üretimi dosyaların veya bilmediğiniz parçacıkların incelenmesini kolaylaştırabilir ve diff'lerdeki yalnızca boşluk gürültüsünü azaltabilir. Daha net bir düzen yardımcı olacaksa commit'lemeden, parçacık paylaşmadan veya kod incelemeden önce biçimlendiriciyi kullanın.
TypeScript Güzelleştirici tamamen tarayıcınızda çalışır: girdi cihazınızda işlenir; yüklenmez, saklanmaz ve bir sunucuya gönderilmez. Kayıt gerekmez ve sayfa yüklendikten sonra çevrimdışı çalışmaya devam eder. Bu, kaynak metnini yerel tutarken kod okunabilirliğini artırmak isteyen geliştiriciler ve DevOps mühendisleri için pratik bir biçimlendirme aracıdır.
Adım 1: TypeScript'inizi araca yapıştırın veya sürükleyip bırakın. Girdi olarak bir parçacık veya eksiksiz bir TypeScript belgesi kullanın.
Adım 2: İstediğiniz girinti ayarını seçin. Tutarlı girinti, biçimlendirilmiş kodun taranmasını ve karşılaştırılmasını kolaylaştırabilir.
Adım 3: Yazdırma genişliği, noktalı virgül, tırnak ve sondaki virgüller dâhil kullanılabilir biçimlendirme seçeneklerini ayarlayın. Bu ayarlar çıktıyı tercih ettiğiniz stile uyacak şekilde şekillendirmenizi sağlar.
Adım 4: Biçimlendirilmiş sonucu inceleyin ve kopyalayın. Girdi ayrıştırılamıyorsa sorunu kaynağınızda bulmak için bildirilen satırı kullanın.
Kullanım senaryosu: Commit'lemeden önce okunaksız, makine üretimi bir TypeScript dosyasının incelenmesini kolaylaştırın. Tutarlı biçimlendirme, düzenden çok koda odaklanmanıza yardımcı olur.
Kullanım senaryosu: Yazmadığınız bir TypeScript belgesini uymanız gereken biçimlendirme stiline göre denetleyin. Sonucu incelemeden önce girintiyi ve diğer kullanılabilir seçenekleri ayarlayın.
Kullanım senaryosu: Diff'in boşluk gürültüsü yerine kod değişikliklerini vurgulaması için tutarlı girintili çıktı üretin. Bu, kod incelemesi için TypeScript dosyaları hazırlarken kullanışlıdır.
Kullanım senaryosu: Bir hata raporuna veya kod incelemesine yapıştırmadan önce bir parçacığı biçimlendirin. Net düzen, örneğin başkaları tarafından okunmasını kolaylaştırır.
Kullanım senaryosu: TypeScript girdisinin ayrıştırılıp ayrıştırılmadığını denetleyin ve ayrıştırılamadığı satırı bulun. Bu, çalışmaya devam etmeden önce bir sözdizimi sorununu daraltmanıza yardımcı olabilir.
Kullanım senaryosu: Bir ekip arkadaşıyla paylaşmadan önce bir TypeScript parçacığının görünümünü standartlaştırın. Karşılaştırılması daha kolay çıktı için tırnak ve noktalı virgül gibi seçenekleri ayarlayın.
Kullanım senaryosu: Proje notlarına veya teknik belgelere eklemeden önce küçük bir TypeScript parçasını düzenleyin. Okunabilir biçimlendirme kod örneklerinin takip edilmesini kolaylaştırır.