Kategoriler: Teknik İpuçları

En İyi Parantez Uzantıları

Eğer bir web geliştiricisiyseniz, muhtemelen HTML, CSS ve JavaScript dillerinde yazılmış açık kaynaklı bir editör olan Brackets'e aşinasınızdır. Adobe Systems tarafından yaratılan Brackets, önişlemci desteği ve harika görsel araçlar da dahil olmak üzere kullanışlı bir dizi özellik sunar. Bu metin düzenleyiciden en iyi şekilde yararlanmak için dikkate alınması gereken bazı uzantılar vardır. İşte mevcut en kullanışlı Brackets uzantıları.

Lorem Piksel

Ön uç web geliştiricilerinin yer tutucu görsellere ihtiyaç duyduğu birçok durum vardır. Lorem Pixel sayesinde boş bir yer tutucu görsel oluşturmaya çalışmanıza gerek yok. Bu uzantı, istediğiniz boyutta bir yer tutucu görsel eklemenize olanak tanır. Lorem Pixel ile ilgili en iyi şeylerden biri, görüntü için kategori seçebilmenizdir. Buna ek olarak, sayfayı her yeniden yüklediğinizde yer tutucu görüntüler değişir. Yalnızca siyah beyaz yer tutucu görseller kullanmanıza olanak tanıyan gri tonlama seçeneği de mevcuttur. Uzantıyı yükledikten sonra Lorem Pixel logosunu göreceksiniz. Buna tıkladığınızda bir ayar kutusu belirir. Daha sonra tercih ettiğiniz görüntü boyutunu ve kategoriyi seçebilirsiniz.

Kod Katlama

Brackets bir kod katlama seçeneği içermediğinden, bir tane edinmeniz gerekir. Kod Katlama, kodunuzun büyük bölümlerini zahmetsizce tek bir satıra daraltmanıza olanak tanır. İç içe geçmiş herhangi bir etiketi katlamak için, üst etiketin solunda bulunan aşağı oka tıklamanız yeterlidir. Aynı şey Javascript ve diğer formatlar için de geçerlidir. Tek yapmanız gereken, iç içe geçmiş tüm ifadeleri tek bir satıra katlamak için üst öğenin solundaki aşağı oka tıklamaktır. Bunu + işaretine tıklayarak genişletebilirsiniz. Koda odaklanırken katlanmış satırları kolayca görebilirsiniz çünkü katlanmış satırların satır numaraları gizlenmiştir.

Belgeler Araç Çubuğu

Brackets'in sekmeleri yoktur, ancak Documents Toolbar uzantısı ile bu pratik seçeneği Brackets deneyiminize eklemek mümkündür. Kenar çubuğunun "aktif" bölümündeki tüm dosyalar bu uzantıda sekme olarak görünür. Pratik bir arayüz için kenar çubuğunu gizlemek ve sadece Belgeler Araç Çubuğunu kullanmak mümkün. Uzantıyı yükleyebilir ve F5 tuşuna basarak Brackets'i yeniden yükleyebilirsiniz.

Autoprefixer

Autoprefixer ile, kodunuza otomatik olarak satıcı önekleri eklediği için zamandan tasarruf edebilir ve güçlüklerden kaçınabilirsiniz. Yapılandırma gerektirmez ve kodunuzu her kaydettiğinizde öneklerinizi günceller. Autoprefixer ayrıca isterseniz kodu ve otomatik öneki seçmenize de olanak tanır. Autoprefixer'ı ön ek içermeyen kod yazarak kullanabilirsiniz. Uzantı, kaydettiğinizde otomatik olarak önekli kod ekleyebilir. Seçilen bazı kodlara otomatik önek eklemek için kodu seçmeniz ve ardından Düzenle sekmesini ve ardından Otomatik önek seçimini yapmanız gerekir. Ayrıca, uzantı ayarlarına gidip Düzenle ve Otomatik Önek Ayarları'nı seçerek ayarlarına özel önekler eklemek de mümkündür. Basamaklı, ön ekli kod almak için uzantı ayarlarında Görsel basamaklandırma seçeneğini etkinleştirebilirsiniz.

Parantezler Todo

Bu uzantı, tüm TODO yorumlarını düzenli bir liste biçiminde görüntüler. Varsayılan olarak 5 etiketi destekler: FIXME, CHANGES, NOTE, FUTURE ve TODO. Yorumları Bitti olarak işaretlemek mümkündür ve görünüm seçeneklerinde yorumları etiketlere göre filtreleme olanağına sahipsiniz. Brackets Todo, etiketler ve kendi etiketleriniz için özel renkler tanımlamanıza izin verir, bu da size kendi yorumlarınızı oluşturma esnekliği sağlar. Birden fazla dosyayı takip etmeniz gerektiğinde, Brackets Todo'nun arama kapsamını da değiştirebilirsiniz. Dışlama listesine yolu ekleyerek belirli dosya ve klasörleri hariç tutmak da mümkündür. Brackets Todo çok çeşitli özelleştirme seçenekleri sunar.

Markdown Önizleme

Bu düz metin biçimlendirme dili kolayca HTML'ye dönüştürülebilir. İşlenmiş Markdown'u metin sürümünün hemen altında verir ve iki seçenek arasında seçim yapmanıza olanak tanır: Standart Markdown ve Github Flavored Markdown. Ayrıca önizleme penceresi için mevcut üç tema arasından seçim yapabilirsiniz: Koyu, Açık ve Klasik. Bu uzantı ayrıca bir kaydırma senkronizasyonu seçeneği ile birlikte gelir. Markdown Önizleme'yi edindikten sonra, bir .md veya .markdown dosyasını açabilirsiniz. Üzerinde M harfi ve aşağıyı gösteren bir ok bulunan bir düğme göreceksiniz. İşlenmiş Markdown'u görmek için bu düğmeye tıklayın. Markdown Önizleme bölümünün sağ üst köşesindeki dişli simgesine tıklayarak temayı değiştirebilir veya kaydırma senkronizasyonunu devre dışı bırakabilirsiniz.

Parantez Simgeleri

Dosya simgelerini kullanarak kod düzenleyicinize özel bir dokunuş katabilirsiniz. Ayraç Simgeleri ile, yan çubukta listelenen her dosyaya dosya türüne göre renkli simgeler ekleyebileceksiniz. Dosya türlerinin çoğu için simgeler vardır ve Github sayfasından simge talep etmek mümkündür. Tek yapmanız gereken uzantıyı yüklemek ve F5 tuşuna basarak Brackets'i yeniden yüklemek. Kontrol etmeye değer bir başka simge uzantısı da File Icons.

gadget'çı

yakın zamanda Gönderilenler

Dijital High-Roller: Yüksek Bahisli Bahisler Neden Kaçırılmayacak Yeni Oyun Türü Haline Geldi?

Something fundamental shifted in the world of content creation a few years ago. For a…

1 hafta önce

Cep telefonları kumarhane sektörünün geleceğini nasıl şekillendiriyor?

İlk kumarhanenin 17. yüzyılda açılmasından bu yana, bu sektör...

2 ay önce

Prenses ve Fetih'te Tüm Grupların Kilidi Nasıl Açılır - Tüm Açılabilir Irklar ve Krallıklar için Eksiksiz Kılavuz

Princess & Conquest'te birkaç saat bile geçirdiyseniz, büyük olasılıkla...

4 ay ago

Prenses ve Fetih Hileleri, İpuçları ve Sırları: Yeni ve Kıdemli Oyuncular için Nihai Rehber

Prenses ve Fetih'in kaotik, büyülü ve biraz da müstehcen dünyasına düştüyseniz...

4 ay ago

ARK: Survival Evolved'da Fiber Nasıl Elde Edilir - Verimli Fiber Toplama için Nihai Kılavuz

ARK'ta Lifin Önemini Anlamak ARK: Survival Evolved'da lif, en önemli...

4 ay ago

Poe Ticaret Ustalığı: Path of Exile'da Maksimum Kar ve Verimlilik için Ticaret Yapmanın Nihai Rehberi

Path of Exile (PoE), karmaşık ekonomisi ve ticaret yöntemleriyle gelişen bir oyun...

10 ay ago