Kullanışlı VSCode Eklenti Önerileri

Bu yazımızda kullanmış olduğum ve sizlere önerebileceğim VSCode (Visual Studio Code) eklentilerini listeleyeceğim. Genellikle PHP, MySQL, HTML, CSS, Javascript kodladığım için bu yazılım dillerinde işimize yarayacak eklentilerden oluşan bir liste olacak. Öncelikle VSCode nedir ona bir göz atalım. Visual Studio Code Microsoft tarafından Windows, Linux ve MacOS için geliştirilen bir kaynak kodu düzenleyicisidir. Hata ayıklama, gömülü Git kontrolü, sözdizimi vurgulama, akıllı kod tamamlama, snippet’ler ve kod yeniden yapılandırma desteği içerir.

1- Blackbox

Blackbox’ı bir yapay zeka kod örneği çıkarıcı olarak nitelendirebiliriz. Yorum satırları içerisine sorduğumuz sorulara uygun kod örnekleri çıkarıyor. Biz de eğer bu kod örnekleri işimize yararsa “TAB” tuşuna basarak kodumuza dahil edebiliyoruz.

VSCode Blackbox

2- Live Server

Live Server eklentisi olmazsa olmaz bir eklenti. Bu eklenti sayesinde kodlarımızda yaptığımız değişiklikleri anlık olarak tarayıcıda görüntüleyebiliyoruz. Şiddetle tavsiye ettiğim eklentiler arasındadır.

LiveServer Ext.

3- PHP Intelephense

Visual Studio Code için PHP kod zekası. Intelephense, üretken PHP geliştirme için gerekli özelliklerle dolu, yüksek performanslı bir PHP dil sunucusudur. PHP kodlarınızı otomatik tamamlamak için bu eklenti vazgeçilmez olacaktır.

4- Laravel Blade Snippets

Eğer laravelin blade tema motorunu kullanıyorsanız bu eklentiyi mutlaka kullanmalısınız. Blade yazmanızı kolaylaştıracak harika bir eklentidir.

Laravel Blade Snippets

5- Tailwind CSS IntelliSense

Eğer Tailwind CSS kullanıyorsanız bu ekletiye mutlaka ihtiyaç duyacaksınız. Sizin tailwind ile yazmanızı kolaylaştıran bir eklenti. Tailwind’in yaratıcıları tarafından üretilmiş bir eklentidir.

TailwindCSS

6- Path Intellisense

Bu eklenti ile dosya yollarını kolayca bulup projelerinize dahil edebilirsiniz. Gerçekten kullanışlı bir uygulamadır.

Path Intellisense

7- MySQL

Veritabanı işlemlerinizde MySQL kullanıyorsanız bu eklenti ile VSCode üzerinden veritabanınızı yönetebilirsiniz. Eklenti ile yapabilecekleriniz.

MySQL Bağlantılarını Yönetin (SSL bağlantısını destekler)
MySQL Sunucularını Listeleyebilirsiniz
MySQL Veritabanlarını Listeleyebilirsiniz
MySQL Tablolarını Listeleyebilirsiniz
MySQL Sütunlarını Listeleyebilirsiniz
MySQL Sorgusunu Çalıştırabilirsiniz

8- GitLens

Versiyonlama sistemlerini (Git) kullanıyorsanız bu eklenti inanılmaz işinize yarayacak. Satır satır hangi versiyonda ne değiştirdiğinizi görebilir, karşılaştırabilir veya geri alabilirsiniz. Gerçekten inanılmaz özelliklere sahip olan GitLens eklentisini mutlaka tavsiye ediyorum.

gitlens

9- Auto Close Tag

Otomatik olarak açtığınız tagları kapatan güzel bir eklenti. Benim olmazsa olmazlarımdan biridir. Sizlere de tavsiye ediyorum.

auto close tags vscode

10- Comment Divider

Bu eklenti ile kod satırlarınız arasında “Alt + X” tuşlarına basarak kolayca yorum satırları oluşturabilirsiniz.

Comment Divider

11- Duplicate selection or line

Benim için en önemli eklentilerden biri olan “Duplicate selection or line” eklentisi bize “CTRL + D” tuşlarına basarak kodumuzu aşağı satıra doğrudan çoğaltma işine yarıyor. PHP Storm gibi idelerde mevcut olan bu özellik, eklenti sayesinde VSCode için de aktif hale gelmiş oluyor. Seçili alanı da aynı şekilde “CTRL + D” ile çoğaltabiliyoruz.

12- CodeSnap

CodeSnap seçtiğimiz kod bloğunu güzel bir görünüm ile ekran görüntüsü almamızı sağlıyor. Zaruri bir eklenti değil ancak kod paylaşımı yapıyorsanız sizin işinize oldukça yarayacak bir eklenti.

codesnap

13- Material Theme, Atom Material Theme

Bu iki eklenti bize görsel olarak çeşitli temalar sunuyor. İçlerinden istediğiniz, gözünüze hoş gelen ve sizi en az yoran temayı seçip kullanabilirsiniz. VSCode tarafından bize sunulan temalarla sınırlı kalmak istemiyorsanız bu iki eklenti sayesinde çok güzel temalara erişebilirsiniz. İkisi de aynı işlevi gördüğü için tek başlık altında toplamayı tercih ettim.

14- Material Theme Icons

Bu eklenti sayesinde dosyalarımızın iconları değişiyor ve çok daha güzel iconlara kavuşuyoruz. VSCode tarafından bize sunulan uzantı iconlarından sıkıldıysanız bu eklentiye bir göz atın derim.

material theme icons

Bu makaleye yeni keşfettiğim eklentiler oldukça güncellemeler yapacağım ve listeyi büyüteceğim. Sürekli gelişen bir liste olmasını planlıyorum. Belki bir gün Türkçe kaynak olarak en büyük eklentiler listesi olabilir.

Bu ve benzeri önemli ipuçlarını öğrenmek için diğer yazılarıma da göz atabilirsiniz.

Web sitesine mi ihtiyacınız var ?