VS Code ile Geliştirme Ortamı Kurulumu
İş akışına uyarlanmış güçlü bir editör.
Visual Studio Code geliştiriciler arasında en popüler kod editörüdür. Ücretsiz, hafif (200 MB altı) ve Windows, macOS, Linux'ta çalışır. Binlerce eklenti ve yerleşik Git desteğiyle her geliştirici için mükemmel bir başlangıç noktasıdır.
İndir ve Kur
VS Code tüm büyük platformlarda kullanılabilir. Platformunu seç ve dakikalar içinde başla.
Windows
.exe yükleyiciyi indir. Windows 10/11 destekler. Otomatik güncelleme varsayılan olarak aktiftir.
macOS
.dmg dosyasını indir veya Homebrew ile kur: `brew install --cask visual-studio-code`.
Linux
.deb, .rpm veya Snap paketi olarak mevcut. Ubuntu, Fedora, Debian ve daha fazlasını destekler.
5 adımda kurulum
İndirmeden verimli kodlama ortamına:
İndir ve kur
code.visualstudio.com adresine git ve işletim sistemine uygun VS Code'u indir. Kurulum bir dakikadan az sürer.
Temel eklentileri yükle
Eklentiler panelini aç (Ctrl+Shift+X) ve teknoloji yığının için dil desteği, linter ve formatlayıcılar yükle.
Ayarları yapılandır
Ayarları aç (Ctrl+,) ve yazı tipi boyutu, tema, tab boyutu, otomatik kaydetme ve formatlama tercihlerini özelleştir.
Git entegrasyonunu kur
VS Code yerleşik Git desteğine sahiptir. Git repo'su olan bir klasörü aç; stage, commit ve push işlemlerini doğrudan editörden yapabilirsin.
Settings Sync'i etkinleştir
GitHub veya Microsoft hesabıyla giriş yaparak ayarlarını, eklentilerini ve kısayollarını tüm cihazlarında senkronize et.
Arayüzü tanıyalım
VS Code penceresinin temel alanlarını öğren:
Activity Bar
En soldaki dikey çubuk. Explorer, Arama, Source Control, Eklentiler ve daha fazlası arasında geçiş yap.
Side Bar
Seçilen görünümün içeriğini gösterir — dosya ağacı, arama sonuçları veya Git değişiklikleri.
Editor Alanı
Dosyaları düzenlediğin ana alan. Bölünmüş görünüm, sekmeler ve yan yana diff destekler.
Entegre Terminal
VS Code içinde bir terminal aç (Ctrl+`). Editörden çıkmadan komut çalıştır.
Status Bar
Alt çubuk: branch adı, hata/uyarılar, dil modu ve kodlama bilgisini gösterir.
Command Palette
Ctrl+Shift+P ile herhangi bir komuta eriş. VS Code'un en güçlü özelliği.
Olmazsa olmaz eklentiler
Her geliştiricinin ilk yüklemesi gereken eklentiler:
Kod Kalitesi
ESLint
JavaScript/TypeScript hatalarını yakala ve kod stilini gerçek zamanlı uygula.
Prettier
Kaydettiğinde kodunu otomatik formatla. JS, TS, CSS, HTML, JSON ve daha fazlasını destekler.
Verimlilik
GitLens
Her satırı kimin değiştirdiğini gör, Git geçmişini keşfet ve branch'leri görsel olarak karşılaştır.
Live Server
Statik HTML/CSS/JS dosyaları için canlı yeniden yükleme ile yerel geliştirme sunucusu başlat.
Path Intellisense
Import ifadeleri yazarken dosya yollarını otomatik tamamla.
AI ve Yardım
GitHub Copilot
Yazarken AI destekli kod önerileri. Ücretsiz plan mevcut.
Error Lens
Hataları ve uyarıları doğrudan sorunlu kodun yanında satır içi vurgula.
Görünüm
One Dark Pro
Atom'un ikonik renk şemasından esinlenen popüler karanlık tema.
Material Icon Theme
Daha iyi görsel navigasyon için ayırt edici dosya ve klasör ikonları.
Ustalaşman gereken kısayollar
Bu kısayollar iş akışını ciddi şekilde hızlandıracak:
- Ctrl + Shift + PCommand Palette aç — herhangi bir komuta eriş
- Ctrl + PHızlı Açma — isme göre herhangi bir dosyaya atla
- Ctrl + `Entegre terminali aç/kapat
- Ctrl + BKenar çubuğunu gizle/göster
- Ctrl + DMevcut kelimenin bir sonraki eşleşmesini seç
- Alt + Yukarı/AşağıMevcut satırı yukarı veya aşağı taşı
- Ctrl + Shift + KTüm satırı sil
- Ctrl + /Satır yorumunu aç/kapat
- Ctrl + Shift + FProjedeki tüm dosyalarda ara
- F12Bir sembolün tanımına git
macOS'ta Ctrl yerine Cmd kullan.
Temel yapılandırma
settings.json'a eklemen önerilen ayarlar:
{
"editor.fontSize": 14,
"editor.tabSize": 2,
"editor.formatOnSave": true,
"editor.minimap.enabled": false,
"editor.wordWrap": "on",
"editor.bracketPairColorization.enabled": true,
"files.autoSave": "afterDelay",
"files.autoSaveDelay": 1000,
"terminal.integrated.fontSize": 13,
"workbench.colorTheme": "One Dark Pro"
}settings.json'u Command Palette ile aç: 'Preferences: Open User Settings (JSON)' yaz.
İpuçları
VS Code deneyimini bir üst seviyeye taşı:
- 1Çoklu imleç düzenleme (Ctrl+Alt+Yukarı/Aşağı) ile birden fazla satırı aynı anda düzenle.
- 2'Settings Sync' özelliğini kullanarak kurulumunu tüm makinelerde tutarlı tut.
- 3Projeye özel yapılandırma için çalışma alanı ayarlarını (.vscode/settings.json) kullan.
- 4Sık kullandığın sekmeleri sabitle, açık dosya kalabalığında kaybolmasınlar.
- 5Herhangi bir yerden dosya gezginini hızlıca odaklamak için Ctrl+Shift+E kullan.
- 6Dikkat dağıtmayan kodlama oturumları için Zen Mode'u (Ctrl+K Z) dene.
Sıkça sorulan sorular
VS Code gerçekten ücretsiz mi?
Evet. VS Code tamamen ücretsiz ve açık kaynaklıdır, Microsoft tarafından geliştirilir. Lisans gerektirmez.
VS Code ne kadar yer kaplıyor?
İndirme boyutu 200 MB altıdır ve toplam disk alanı 500 MB'den azdır.
VS Code'u her programlama dili için kullanabilir miyim?
Evet. VS Code eklentiler aracılığıyla neredeyse her dili destekler — Python, Java, C++, Go, Rust, Ruby, PHP ve çok daha fazlası.
VS Code'da yerleşik Git desteği var mı?
Evet. VS Code kutudan Git entegrasyonu içerir. Eklenti olmadan stage, commit, push, pull ve diff görüntüleme yapabilirsin.
VS Code'u nasıl güncellerim?
VS Code varsayılan olarak otomatik güncellenir. Ayrıca Help > Check for Updates (Windows/Linux) veya Code > Check for Updates (macOS) ile kontrol edebilirsin.