Ana özellik: VSCode ayarlarını cihazlar arasında senkronize edin.
Bu uzantı, ayarlarınızı, tuş bağlarınızı, kısayollarınızı, uzantılarınızı ve snippet’lerinizi farklı makinelerde senkronize etmenizi sağlar. Bu ayarları GitHub hesabınızla senkronize edebilirsiniz, böylece ayarlarınıza herhangi bir cihazdan kolayca erişilebilirsiniz.
Birden fazla cihaz üzerinde çalışan veya hızlı bir şekilde yeni bir cihaz kurması gereken geliştiriciler için yararlıdır, çünkü tercih ettikleri ayarları tüm makinelerinde kolayca çoğaltabilirler.
2. Live Server
Ana özellik: Değişiklikleri gerçek zamanlı olarak görmek için yerel bir sunucu başlatın.
Bu görsel stüdyo kodu eklentisi, yerel bir geliştirme sunucusu başlatmanıza ve kod değişikliklerinizi tarayıcınızda gerçek zamanlı olarak görmenize olanak tanır. Kodunuzdaki değişiklikleri her kaydettiğinizde, uyguladığınız değişiklikleri görebilmeniz için tarayıcınızı otomatik olarak yeniler.
3- Prettier
Ana özellik: Otomatik kod biçimlendirme ve stil uygulama.
Daha güzel bir kod biçimlendirici ve stil uygulayıcısıdır. Kaydet’e bastığınızda kodunuzu otomatik olarak bir dizi kural ve sözleşmeye göre biçimlendirir.
Kodlarını manuel olarak biçimlendirmek için zaman harcamak zorunda kalmadan tutarlı ve temiz kod biçimlendirmesi sağlamak istiyorsanız, bu kullanmayı düşünmeniz gereken bir uzantıdır. Ekipler için de yararlıdır, çünkü ekip üyelerinin korumak için çok az çaba gerektiren tutarlı bir stil sağlar.
Ana özellik: Satır içi git ek açıklamalarına ve daha fazlasına bakın.
Kod düzenleyicinizde gelişmiş Git özellikleri sağlayan bir VSCode uzantısı. Satır içi suçlama ek açıklamaları, kod merceği ve kodunuzu ve geçmişini daha iyi anlamanıza yardımcı olabilecek bir dizi başka özellik ekler.
GitLens ile zaman içinde kod satırlarında yapılan değişiklikleri ve bunları kimin yaptığını ve bu değişikliklerin neden yapıldığını görebilirsiniz, bu da onu ekipler için yararlı bir uzantı haline getirir.
Ana özellik: Kodunuzdaki TODO yorumlarını vurgulayın.
Geliştiriciler olarak, genellikle kodumuzda ToDo yorumları yazar ve bunları unuturuz. Bu ToDo yorumlarını öne çıkaran ve kolayca tanınabilir ve erişilebilir hale getiren bir uzantıya sahip olsaydınız ne olurdu? Neyse ki, bu uzantı bunu yapıyor.
Kodunuzdaki görevleri ve yorumları takip etmenize yardımcı olur. “TODO” veya “FIXME” gibi belirli anahtar kelimelerle yorumları vurgular ve çalışırken kolayca başvurabileceğiniz bu görevlerin bir listesini oluşturur.
Ana özellik: VSCode dosya ve klasörleriniz için simgeler.
Çok sayıda klasör ve dosya içeren büyük projeler üzerinde çalışıyorsanız, tüm klasörler aynı göründüğünden navigasyon yorucu olabilir.
VScode-icons, projelerinizdeki klasörlerinize ve dosya simgelerinize stil ve renk ekler. Bu VSCode eklentisi yararlıdır, çünkü farklı klasörleri ve dosya türlerini kolayca tanımlamanıza yardımcı olur, bu da projelerinizde gezinmeyi daha az yorucu hale getirir.
7. Regex Previewer
Ana özellik: Normal ifadeleri yazarken önizleyin.
( regex ) düzenli ifadeleri yazmak birçokları için bir güçlük olabilir. Bu nedenle bu kod uzantısı geliştiriciler arasında popüler hale geldi. Uzantı, yazarken regex’inizin sonuçlarını önizlemeniz için bir yan belge sağlar.
8. Tabnine AI
Ana özellik: AI destekli kod tamamlama ve öneriler.
Tabnine, yazarken akıllı kod tamamlama önerileri sağlamak için AI kullanan bir VSCode uzantısıdır. Kodunuzdan öğrenir ve mevcut bağlamınıza ve kodlama kalıplarınıza göre kod tamamlamalarını önerebilir. Bu yararlıdır çünkü daha hızlı kodlamanıza yardımcı olarak üretkenliğinizi artırabilir.
9. Peacock
Ana özellik: Farklı VS Kod çalışma alanlarına renk ekleyin.
Bu uzantı, çalışma alanı renklerinizi ve farklı projeler için ayarlarınızı özelleştirmenizi sağlar, aynı anda birden fazla proje üzerinde çalışan ve üzerinde çalıştıkları projeyi takip etmelerine yardımcı olmak için görsel bir ipucu isteyen geliştiriciler için yararlıdır.
Çalışma alanlarınızı renk kodlayarak farklı projeleri kolayca tanımlayabilir ve arasında geçiş yapabilirsiniz.
10. Polacode
Ana özellik: Kodunuzun güzel ekran görüntülerini oluşturun.
Kod snippet’lerini paylaşmak istiyorsanız, bunları belgelerinize veya sunumlarınıza ekleyin, bu uzantı kullanışlı olacaktır.
Polacode, sözdizimi vurgulama ile kodunuzun güzel ekran görüntülerini oluşturmanıza olanak tanır. Yakalamak istediğiniz kodu vurgulayın ve Polacode gerisini halleder.
11. Docker
Ana özellik: VS Kodu içindeki Docker kaplarını yönetin.
Bu, geliştiricilerin kod düzenleyicileri içindeki kapsayıcı uygulamalarla çalışmalarına izin veren bir VSCode uzantısıdır.
Kapları yönetmek ve dağıtmak için aerodinamik bir arayüz sağladığı için geliştirme iş akışlarında kaplarla ve görüntülerle çalışması gereken geliştiriciler için kullanışlıdır.
12. Better Comments
Ana özellik: Kodunuza bilgilendirici yorumlar ekleyin.
Better comments, renkler ekleyerek ve yorumlara biçimlendirerek kod yorumlarının okunabilirliğini artırır. Bu uzantıyı kullanarak yorumlarınızı uyarılar, sorgular, todolar, önemli noktalar ve daha fazlasına göre sınıflandırabilirsiniz.
13. Excel Viewer
Ana özellik: VS Kodunda Excel dosyalarını görüntüleyin.
Excel görüntüleyici, kod düzenleyicinizdeki Excel dosyalarını önizlemenizi sağlayan bir VSCode uzantısıdır. Excel elektronik tabloları ve CSV dosyalarıyla çalışmanız ve kod düzenleyicilerini terk etmeden önizlemek istiyorsanız, bu uzantıyı yararlı bulacaksınız.
14. Code Spell Checker
Ana özellik: Kodunuzdaki yazım hatalarını tespit edin ve düzeltin.
Bu uzantı, kod yorumlarınız, dizeleriniz ve işaretleme dosyalarınızdaki yazım hatalarını kontrol eder. Kodunuzun okunabilirliğini ve profesyonelliğini geliştirmek istiyorsanız, bu uzantı yaygın yazım hatalarını yakalayarak kullanışlı olacaktır.
15. Code Runner
Ana özellik: Kod snippet’ini çalıştırın.
Bu uzantı, kod snippet’lerini doğrudan VS Kod düzenleyicinizden 30’dan fazla programlama dilinde tüm kod dosyalarında çalıştırmanıza izin veren bir araçtır. Bu, tüm kod tabanınızı çalıştırmak istemediğinizde test amaçları için yararlı olabilir.
16. Turbo Console Log
Ana özellik: Tek bir tıklamayla JS konsol günlük bildirimlerini ekleyin.
Turbo Konsol Günlüğü, klavye kısayollarıyla kodunuza hızlı bir şekilde anlamlı JavaScript console.log ifadeleri eklemenizi sağlar. Bu uzantı, kodunuzda hata ayıklamanız gerektiğinde ve console.log ifadelerini eklemek için hızlı ve verimli bir yol istediğinizde parlar.
17. Git History
Ana özellik: Git geçmişini görüntüleyin ve dosya sürümlerini karşılaştırın.
Git Geçmişi Git günlüğünüzü görselleştirmenize yardımcı olur. Kod düzenleyicinizdeki Git depo geçmişinizin etkileşimli bir görünümünü sağlayan bir VSCode uzantısıdır. Ayrıca dalları ve taahhütleri karşılaştırmak için temiz bir arayüz sağlar.
19-Auto Rename Tag
Ana özellik: Yeniden adlandırıldığında HTML / XML etiketlerini yeniden adlandırın.
Etiketi Otomatik Yeniden Adlandır, etiketlerden birini yeniden adlandırdığınızda HTML / XML etiketlerini otomatik olarak yeniden adlandıran bir VSCode uzantısıdır. Bu uzantıyı kullanarak, bir açılış etiketini yeniden adlandırırken kapanış etiketini manuel olarak güncellemenize gerek yoktur.
20. ChatGPT
Ana özellik: Sorularınızı cevaplamak için metin tabanlı AI aracı.
ChatGPT en çok kullanılan AI araçlarından biri haline geldi ve birçok geliştirici daha hızlı çalışmalarına yardımcı olmak için chatGPT’yi kullanıyor. Bu uzantı, ChatGPT’yi VS Kodunuza entegre etmenize yardımcı olur. Bu şekilde, kod düzenleyicinizden ayrılmadan ChatGPT’yi kullanabilirsiniz.
21. Markdown all in one
Ana özellik: VS Kodunda entegre işaretleme desteği.
Bu uzantı, Markdown dosyalarınızı biçimlendirmek, önizlemek ve dışa aktarmak için bir dizi araç sağlayarak kod düzenleyicinizdeki Markdown dosyalarını düzenlemenize yardımcı olur.
22. Javascript ES6 Code Snippets
Ana özellik: En çok kullanılan JS kod snippet’lerinin toplanması.
JavaScript Code Snippets, JavaScript ile çalışmak için yararlı kod snippet’leri koleksiyonu sağlar. Bu, ortak görevler için önceden oluşturulmuş kod snippet’lerini kullanarak zaman kazanmak isteyen JavaScript geliştiricileri için olmazsa olmaz bir uzantıdır.
23. ES7 + React / Redux / React-Native Snippets
Ana özellik: React ve Redux kod snippet’lerinin toplanması.
JS Code Snippets’e benzer şekilde, bu uzantı React ve Redux ile çalışmak için bir kod snippet koleksiyonu sağlar. En son sürümde ek TypeScript snippet’leri de vardır.
24. CSS Peek
Ana özellik: Kodunuzdaki CSS tanımlarında gezinin / göz atın.
CSS Peek, HTML dosyanızdaki bir CSS sınıfına veya kimliğine tıklayarak HTML’den CSS koduna hızlı bir şekilde atlamanızı ve tekrar geri dönmenizi sağlayan bir VS Kodu uzantısıdır.
25. Remote – SSH
Ana özellik: VS Kodu içinde SSH üzerinden uzak sunucularla çalışın.
Bu, uzak bir sunucuya veya kapsayıcıya SSH aracılığıyla bağlanmanıza ve dosyaları yerel makinenizdeymiş gibi düzenlemenize olanak tanıyan bir uzantıdır.
Kodlara erişmek ve düzenlemek için kesintisiz ve güvenli bir yol sağladığı için, uzak bir sunucuda veya kapta depolanan kodla sık sık çalışıyorsanız Uzak SSH’yi yararlı bulacaksınız.
26. GitHub Copilot
Ana özellik: AI destekli kod önerileri ve üretimi
GitHub Copilot, siz yazarken AI destekli kod önerileri sunar. Otomatik tamamlama ve kod önerileri sağlayarak zamandan tasarruf etmenize ve verimliliği artırmanıza yardımcı olabilir. Verdiğiniz yorumlara dayanarak kod bile yazabilir.
27. Colorize
Ana özellik: Kodunuzdaki metin ve onaltılık renk kodlarını renklendirin.
Colorize, kodun sözdizimine göre metne renk ekleyen bir VSCode uzantısıdır. Bu, öğeleri stil olarak kod düzenleyicilerindeki renkleri görselleştirmek isteyen ön uç geliştiriciler için de yararlıdır.
28. Debugger for Chrome
Ana özellik: Chrome’daki JS kodunda doğrudan VS Kodundan hata ayıklayın.
Bu araçla, JS kodunuzda doğrudan VS kod düzenleyicinizdeki bir Chrome tarayıcısında hata ayıklayabilirsiniz. JavaScript kodunda hata ayıklamanız gerekiyorsa, ancak kod düzenleyicinizden ayrılmadan bunu yapmanın sorunsuz bir yolunu istiyorsanız bu harika.
29. Icon Fonts
Ana özellik: VS Koduna simgeleri önizleyin ve ekleyin.
Icon Fonts, projelerinizde kullanabileceğiniz simge yazı tipleri koleksiyonu sağlayan bir VSCode eklentisidir. Projelerinizde simgeler kullanır ve kendi simgelerinizi oluşturmak veya kaynak yapmak zorunda kalmadan bunu hızlı ve verimli bir şekilde yapmak istiyorsanız, bu uzantıyı kullanabilirsiniz.
30. Bookmarks
Ana özellik: Kodunuza yer işaretlerini hızla ekleyin ve gezinin.
Yer işaretleri, büyük bir kod tabanı ile çalışırken daha kullanışlı görsel stüdyo kodu uzantılarından biridir. Hızlı gezinme için dosyalarınızdaki kod satırlarına yer işareti koymanızı sağlar. Bu şekilde, bu belirli kod satırlarına kolay ve hızlı bir şekilde gidebilirsiniz.
