Yazılım dünyasının belkide en çok kullanılan kod editörü Visual Studio Code, yada daha kısa ismiyle VS Code. Bunun birçok sebebi olsada, en büyük nedeni eklentileri. Bu eklentiler sayesinde VS Codu’u dilediğiniz gibi özelleştirebiliyorsunuz. Buda çok daha göze hitap eden, kullanımı kolay ve hızlı bir editör demek. Zaten yazılım dünyasında en önemli konulardan biriside hız. Bu yazımızda Frontend geliştiricilerin hızına hız katacak en iyi VS Code eklentilerini bir araya getirdik.
Prettier – Code formatter
Muhtemelen tüm geliştiricilerin ihtiyacı olan bir eklenti. Hepimiz kod yazarken biraz dağınık olabiliyoruz veya gözümüzden kaçan kısımlar olabiliyor. Bu eklenti sayesinde bu dağınıklığı kolay bir şekilde düzeltebilirsiniz.
Image preview
Resim linkinin üzerine fareyle gelindiğinde bir resim önizlemesi gösterir.
Auto Rename Tag
Özellikle html yazarken bazı zamanlarda bir etiketi değiştirmek isteyebiliriz. Bu eklenti siz açılış etiketini değişitirirken otomatik olarak aşağıdaki etiketide düzeltiyor. Örneğin yukarıdaki span etiketini silip yerine div yazdığınızda, otomatik olarak aşğıdaki </span> etiketide </div> şeklini almış oluyor. Oldukça kullanışlı bir eklenti.
Live Server
Bu eklenti siz kod yazarken web sitenizi otomatik olarak kaydeder ve size canlı olarak gösterir. Bu eklentiyi kullanarak çok daha hızlı web siteleri yapabilirsiniz.
Path Intellisense
Uzun dosya isimlerini sizin yerinize getirir ve kolay bir şekilde bulmanızı sağlar.
Error Lens
Error Lens, siz kodu yazarken bir hata yaptığınızda, tüm satırı vurgulayarak size hatanızı gösterir.
Better Comments
Özellikle büyük projelerde yorum satırları bizlere çok yardımcı olur. Yorumlar düzgün yazılırsa hem diğer gelişiricilerin, kodu yazan kişinin işi oldukça kolaylaşır. Bu eklenti, yorum satırlarınızı daha düzgün ve görünümü güzel hale getirir.
Bu yazımızda Frontend geliştiriciler için en iyi VS Code eklentilerini bir araya getirdik. Diğer yazılım konulu yazılarımızı okumak için buraya tıklayabilirsiniz.