Geliştiriciler için En İyi 10+ VSCode Uzantısı
Bunların, Visual Studio Code'u kullanırken en iyi şekilde yararlanmak isteyen ön uç geliştiriciler için daha yararlı olacağını düşünüyorum. Bunlardan bazılarına zaten kullanıyorsunuzdur - çünkü bunlar platformda en çok önerilen uzantılar- ancak diğerlerine sahip olamayabilirsiniz.
Kodunuzun okunur olması için
- Beautify: Kodu düzenleyerek ve uygun şekilde boşluk bırakarak HTML, CSS ve JS'yi okumayı çok kolaylaştırır.
- Better Comments: Kodunuzda daha insan dostu yorumlar oluşturun. Geliştirme ekibinde zorunlu olması gereken bir eklenti bence.

- Bookmarks: Kodunuzda gezinmenize, önemli konumlar arasında kolay ve hızlı bir şekilde hareket etmenize yardımcı olur. Kodlama sırasında neredeyse faresiz olması için bunu MetaGo ile birlikte kullanıyorum.

- MetaGO: Klavye kullanımına odaklanmak için çok hızlı imleç hareketi/seçimi. Bu, VS Kodunu sonsuza kadar kullanma şeklimi değiştirdi. Ciddi anlamda mükemmel bir eklenti.
- Guides: Artık iç içe geçmiş öğeleri bulmak için tüm ürkütücü öğelerinizi daraltmak ve açmak zorunda değilsiniz. Bu, yukarıda bahsedilen Beautify ve aşağıda Rainbow Brackets ile gerçekten harika çalışıyor.

- Log File Highlighter: VSCode .log dosya desteği verir, böylece bu günlük dökümlerini gözleriniz kanamadan okuyabilirsiniz.

- Rainbow Brackets: - Bulunduğunuz mevcut ayraç setini vurgular ve çok kolay konum tanımlaması için geri kalanını farklı şekilde renklendirir. Ağır bir JS geliştiricisiyseniz, bu harika bir uzantıdır.Parantezlerde kaybolmanızı kesinlik önler.
- Image Preview: mouse ile üzerine gelindiğinde bir görüntü önizlemesi gösterir. Bu yüzden, doğru resmin/simgenin bulunup bulunmadığımı kontrol etmek için kullanılır.

- GitLens: Kesinlikle en çok kullanılan uzantılardan biri; Gitlens, VS Code için olmazsa olmazdır. Git deneyimini her yerde çok daha iyi hale getirir. Takım arkadaşlarınızın ne çalışma yaptığını görmeniz için çok faydalı bir eklenti.
Daha hızlı kod yazmak için
- CSS Peek: Divlerdeki class/id ye tıklayarak css kodlarına erişebilmemiz için mükemmel bir eklenti.
- Live Sass Compiler: Elbette, Gulp, Webpack, NPM, Grunt'a sahipsiniz, ancak bazen SASS/SCSS dosyalarınızı canlı tarayıcı yeniden yüklemesiyle gerçek zamanlı olarak derlemek/aktarmak istiyorsunuz. Bu sadece bunu yapar.
- Live Server: Statik ve dinamik sayfalar (hatta PHP!) için canlı yeniden yükleme özelliğine sahip en iyi yerel geliştirme Sunucusu.
Güzel Ekran görüntüsü almak için
- Polacode: Kodu vurgulayın, kod temanızın renkleriyle güzel bir ekran görüntüsü yakalayın.Belgeler için harika kod örnekleri sağlamak istiyorsanız oldukça başarılı.

Referans: https://dev.to/vip3rousmango/vs-code-extensions-youll-actually-use-46gp