VS Code Rehberi: Kurulum, Ayarlar ve En İyi Eklentiler

VS Code'u kurup varsayılan temayla açıp kod yazmaya başlayanların çoğu, editörün asıl gücünü hiç görmüyor. Eklenti ekosistemi, entegre terminal ve hata ayıklayıcı doğru kurulduğunda, VS Code tek başına küçük bir IDE'ye dönüşüyor. Bu rehberde kurulumdan başlayıp, günlük iş akışını gerçekten hızlandıran ayarları ve eklentileri anlatıyorum.

Kurulum ve İlk Yapılandırma

VS Code'u resmi web sitesinden indirip kurmak birkaç dakika sürüyor; Windows, macOS ve Linux için ayrı paketler mevcut. Kurulum sihirbazında "PATH'e ekle" seçeneğini işaretlemeyi unutmayın, aksi halde terminalden code . komutuyla editörü açamazsınız.

Linux kullanıcıları için paket yöneticisi üzerinden kurulum da mümkün; Debian tabanlı dağıtımlarda .deb paketi veya resmi apt deposu üzerinden güncellemeler otomatik gelir. macOS'ta ise Homebrew ile brew install --cask visual-studio-code komutu tek satırda kurulumu tamamlar.

code .              # mevcut klasörü VS Code'da aç
code dosya.js        # tek bir dosyayı aç
code --version       # kurulu sürümü göster

Kurulumdan hemen sonra ayarlar senkronizasyonunu açmak akıllıca bir adım. Bir Microsoft veya GitHub hesabıyla giriş yaptığınızda, tema, kısayol ve eklenti listeniz farklı bilgisayarlar arasında otomatik senkronize olur; yeni bir makinede sıfırdan kurulum yapma derdi ortadan kalkar.

İlk açılışta karşınıza çıkan Hoş Geldiniz sekmesi çoğu kullanıcı tarafından hemen kapatılıyor, ama içindeki "Klavye Kısayolları Referansı" bağlantısı gerçekten faydalı. Bu referans kartını yazdırıp masanıza koymak, ilk haftalarda kısayolları ezberlemenizi hızlandırır.

Ayarlar dosyasına doğrudan JSON olarak da erişebilirsiniz; Ctrl+Shift+P ile komut paletini açıp "Open User Settings (JSON)" yazmanız yeterli. Sık değiştirdiğiniz ayarları burada tek dosyada tutmak, arayüzde menü menü gezinmekten daha hızlı.

Temel Arayüz ve Verimlilik Kısayolları

Sol kenar çubuğu dosya gezgini, arama, Git ve eklentiler arasında geçiş sağlıyor; her birinin kendi klavye kısayolu var ve bunları öğrenmek fareye olan bağımlılığı büyük ölçüde azaltıyor.

Ctrl + P        → Dosyaya hızlı git
Ctrl + Shift + F → Projede genel arama
Ctrl + `        → Entegre terminali aç/kapat
Alt + Klik      → Çoklu imleç ekle
Ctrl + D        → Sonraki eşleşen kelimeyi seç

Çoklu imleç özelliği, tekrar eden düzenlemeleri saniyeler içinde bitiriyor. Aynı değişkeni on farklı yerde yeniden adlandırmak yerine, Ctrl+D ile tüm eşleşmeleri seçip tek seferde yazabilirsiniz; bu, arama-değiştir aracından çoğu zaman daha hızlı.

Komut paleti (Ctrl+Shift+P), VS Code'un gizli kapısı gibi çalışıyor. Menülerde bulamadığınız neredeyse her komut, burada isimle aranabiliyor; "format document" yazıp Enter'a basmak, kodu elle düzeltmekten çok daha pratik.

Sekme yönetimi de küçük ama etkili bir alışkanlık gerektiriyor. Çok fazla dosya açık tutmak yerine Ctrl+K W ile tüm sekmeleri kapatmak veya sadece kullanmadığınız sekmeleri tek tek kapatmak, editörü hem hızlı hem de takip edilebilir tutar.

Doğru Eklentileri Seçmek

Eklenti ekosistemi VS Code'un asıl gücü, ama binlerce seçenek arasında doğru olanları bulmak zaman alabilir. Dil desteği eklentileri ilk kurulması gerekenler; kullandığınız her dil için sözdizimi vurgulama ve akıllı tamamlama sağlayan resmi veya yüksek puanlı bir eklenti aramak yeterli.

• Dil desteği: kullandığınız her dil için ayrı eklenti
• Biçimlendirici (Prettier gibi): kodu otomatik, tutarlı stile sokar
• Linter (ESLint gibi): hata ve kod kalitesi sorunlarını anlık gösterir
• Git araçları: değişiklik geçmişini satır satır görüntüler

Biçimlendirici ve linter kombinasyonu, özellikle ekip çalışmasında kritik. "Kaydet ve otomatik biçimlendir" ayarını açtığınızda, herkesin kodu aynı stil kurallarına göre otomatik düzenlenir; bu, kod incelemelerinde stil tartışmalarını tamamen ortadan kaldırır.

Tema ve simge paketleri işlevsel bir fark yaratmasa da, uzun kodlama seanslarında göz yorgunluğunu azaltmak açısından küçümsenmemeli. Koyu bir temada yüksek kontrastlı syntax renkleri, hangi kelimenin değişken, hangisinin fonksiyon olduğunu bir bakışta ayırt etmenizi kolaylaştırır.

// settings.json içine eklenir
{
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode"
}

Çok fazla eklenti kurmak da tuzak olabilir; her eklenti başlangıç süresini ve bellek kullanımını artırır. Kullanmadığınız eklentileri düzenli olarak devre dışı bırakmak, editörün hızını korumanın basit bir yolu.

Hata Ayıklamayı Etkili Kullanmak

Kesme noktası (breakpoint) koymak, console.log satırları eklemekten çok daha güvenilir bir hata ayıklama yöntemi. Kod satırının solundaki boşluğa tıklayarak kesme noktası koyduğunuzda, program o satıra geldiğinde durur ve o anki tüm değişken değerlerini inceleyebilirsiniz.

// .vscode/launch.json örneği
{
  "type": "node",
  "request": "launch",
  "name": "Uygulamayı Başlat",
  "program": "${workspaceFolder}/index.js"
}

Değişken izleme (watch) paneli, belirli bir ifadenin değerini kod ilerledikçe canlı takip etmenizi sağlar. Karmaşık bir döngü içinde bir değişkenin ne zaman beklenmedik bir değer aldığını bulmak, watch paneli olmadan çok daha zahmetli.

Koşullu kesme noktaları, her seferinde durmak yerine yalnızca belirli bir koşul sağlandığında programı duraklatır. Bin kez çalışan bir döngüde sadece 500. tekrarda oluşan bir hatayı ararken, bu özellik elle ileri sarmaktan çok daha az zaman alır.

Adım adım ilerleme tuşları (step over, step into, step out), kodun tam olarak nerede beklenenden farklı davrandığını satır satır izlemenizi sağlıyor. Bu görsel yaklaşım, özellikle çok katmanlı fonksiyon çağrılarında hatanın kaynağını bulmayı hızlandırıyor.

Entegre Terminal ve Görev Otomasyonu

Entegre terminal, editörden hiç çıkmadan komut çalıştırmanızı sağlıyor; birden fazla terminal sekmesi açıp biri sunucuyu çalıştırırken diğerinde test komutlarını çalıştırabilirsiniz. Terminaller arasında geçiş Ctrl+PageUp/PageDown ile anlık oluyor.

Görevler (tasks.json) özelliği, tekrar eden derleme veya test komutlarını tek bir kısayola bağlamanızı sağlıyor. Bir görev tanımladıktan sonra Ctrl+Shift+B ile doğrudan çalıştırabilirsiniz; terminale her seferinde uzun komutu yeniden yazmak gerekmez.

VS Code'u Ekip Ortamına Uyarlamak

Çalışma alanı ayarları (workspace settings), proje bazlı farklı yapılandırmalar kullanmanızı sağlıyor. Bir .vscode/settings.json dosyası proje klasörüne eklendiğinde, o proje açıldığında ekip için ortak biçimlendirme ve linter kuralları otomatik devreye giriyor; herkes ayrı ayrı ayar yapmak zorunda kalmıyor.

Önerilen eklentiler dosyası (.vscode/extensions.json), yeni bir ekip üyesinin projeyi ilk açtığında hangi eklentileri kurması gerektiğini otomatik önerir. Bu küçük dosya, "hangi eklentileri kurmalıyım" sorusunu ortadan kaldırıp katılım sürecini hızlandırıyor.

Bu üç dosyayı (settings.json, extensions.json, launch.json) proje deposuna eklemek, yeni katılan birinin ilk gün verimli çalışmaya başlamasını sağlıyor; kurulum notları yazmaya veya sözlü anlatmaya gerek kalmıyor.

VS Code'u öğrenmek kademeli ilerliyor: önce temel düzenleme, sonra eklentiler, sonra hata ayıklama ve görev otomasyonu. Her adımda editör biraz daha size özel bir araca dönüşüyor; bu kişiselleştirme, uzun vadede günlük kod yazma hızınızı gözle görülür biçimde artırıyor.

Kod parçacıkları (snippets) da ekip düzeyinde standartlaştırılabilecek küçük ama etkili bir araç. Sık yazılan bir fonksiyon şablonunu snippet olarak tanımladığınızda, birkaç harf yazıp Tab tuşuna basmak, aynı kodu tekrar tekrar elle yazmaktan çok daha hızlı sonuç verir.

Yazan Celil Uyanikoglu

25 yıldır bilgi işlem piyasasında farklı dallarda uzmanlaşan bir Bilgisayar Mühendisi