Yazılım Geliştiriciler için Faydalı Bulduğum 8 VS Code Eklentisi

Merhaba arkadaşlar, bu yazımda uzun süredir kullanmış olduğum yazılım geliştirme sürecinde faydalı olduğunu düşündüğüm 9 VS Code eklentisinden bahsettim. Keyifli okumalar.

1. Snapcode

Belirlemiş olduğunuz kod bloklarını estetik ve paylaşılabilir bir şekilde görselleştirmek için kullanılır. Bu eklenti, kodunuzu bir ekran görüntüsü gibi gösteren ancak daha düzenli ve estetik görünüme sahip bir şablona dönüştürür.

İsterseniz seçmiş olduğunuz bir kod parçasını isterseniz de sayfanın hepsini kapsayacak şekilde kullanabilirsiniz.

2. Live Server

HTML, CSS ve JavaScript projeleri geliştirirken canlı bir geliştirme ortamı sağlar. LocalHost’unuzda çalışmaya da imkan veriyor tabi ki. Hemen hemen her projemde kullanırım ve her web geliştiricinin kullanması gerektiğini düşünüyorum, oldukça yararlı.

Kurulumdan sonra eklentiyi index sayfanız içerisinde sağ tıklayıp “Open With Use Server” seçeneği ile kullanmaya başlayabilirsiniz.

3. Live Preview

Ayrı bir pencerede tarayıcı üzerinden projeyi incelemenize gerek kalmadan VS Code’dan hiç ayrılmadan site içerisindeki değişikleri anlık olarak görebilirsiniz.

Kurulumdan sonra eklentiyi kullanmaya buradan başlayabilirsiniz.

4. IntelliCode

C# dilinden de aşina olduğumuz gibi yazılım geliştirme sürecini hızlandırmak ve kolaylaştırmak için kod tamamlama, öneriler ve yazım hatalarını önleme gibi konularda geliştiricilere oldukça yardımcı olur.

5. Material Icon Theme

Dosyalar ve klasörler için uygun görsel simgeler sağlayarak çalışma ortamınızı daha düzenli ve estetik hale getirir. Bu eklenti, özellikle projelerdeki farklı dosya türlerini hızlıca ayırt etmenizi kolaylaştırır ve karmaşıklığın önüne geçtiği gibi oldukça estetik bir görüntü de sağlıyor.

Birçok klasör, yazılım dili, frameworkler ve dosyaların ikonları.

6. Better Comments

Kod yazarken yorumlarınızı daha okunabilir ve anlamlı hale getiren bir eklentidir. Kodunuzda farklı türdeki yorumları farklı renkler ve simgeler ile vurgulayarak, geliştiricilerin iş birliğini kolaylaştırır ve kodunuzu daha anlaşılır kılar.

// TODO: (Yapılacak işler için)
// IMPORTANT: (Önemli notlar için)
// ? (Soruları öne çıkarmak için)
// BUG: (Hatalar belirtmek için)

7. Auto Rename Tag

HTML, XML, Vue, JSX/TSX gibi etiket yapısına dayalı dillerde sorunsuz çalışmakla birlikte bir etiketin açılış ya da kapanış kısmını düzenlediğinizde otomatik olarak eşleşen diğer kısmını da günceller.

Bu eklenti, özellikle büyük dosyalarda ya da karmaşık yapıdaki HTML belgelerinde verimliliği artırır. Açılış ve kapanış etiketlerini manuel olarak düzenlerken oluşabilecek yazım hatalarını önler.

8. GitHub Copilot

Kod yazma sürecinde önerilerde bulunur ve verimliliğinizi artırır. Copilot sonraki satırı, işlevi veya tüm bir bloğu tahmin ederek tamamlayabilir.

Aynı zamanda hem basit hem de karmaşık kod parçalarını hızlı bir şekilde oluşturmanıza öneriler sunarak yardımcı olur.

9. vscode-pets

Son olarak bu eklenti diğerlerine göre biraz “faydasız” kalabilir :) Ancak oldukça da eğlenceli. Birçok hayvan ekleyebildiğiniz gibi istediğiniz isimleri de verebilir, evcil hayvanlarınızı tek bir yerde toplayabilir ve onlarla imleç ile oynayabilirsiniz.