Visual Studio Code, geliştiricilerin %74'ünün tercih ettiği kod editörüdür. Hafif, hızlı ve güçlü eklenti ekosistemi ile öne çıkar. Bu rehberde VS Code kurulumu, temel ayarları ve en iyi eklentileri öğreneceksiniz.
Kurulum
Windows
code.visualstudio.com adresinden indirin. Kurulum sihirbazını takip edin. "PATH'e ekle" seçeneğini işaretleyin (komut satırından erişim için).
Linux
Ubuntu/Debian:
sudo apt update sudo apt install code
Veya resmi siteden .deb paketini indirin.
macOS
Resmi siteden indirin veya Homebrew ile:
brew install --cask visual-studio-code
İlk Ayarlar
Tema Seçimi
File > Preferences > Color Theme veya Ctrl+K Ctrl+T.
Popüler temalar:
- One Dark Pro
- Dracula Official
- Material Theme
- Monokai Pro
Font Ayarları
File > Preferences > Settings veya Ctrl+,
Önerilen ayarlar:
"editor.fontSize": 14, "editor.fontFamily": "Fira Code, Consolas, monospace", "editor.fontLigatures": true
Fira Code gibi ligature destekleyen fontlar kod okunabilirliğini artırır.
Otomatik Kaydetme
"files.autoSave": "afterDelay", "files.autoSaveDelay": 1000
Otomatik Formatlama
"editor.formatOnSave": true, "editor.formatOnPaste": true
Temel Özellikler
Komut Paleti
Ctrl+Shift+P ile açın. Tüm komutlara erişim sağlar. Komut adını yazmaya başlayın, öneriler gelir.
Hızlı Dosya Açma
Ctrl+P ile dosya adı yazarak hızlıca açın. Proje içinde arama yapar.
Entegre Terminal
Ctrl+` ile terminali açın/kapatın. Birden fazla terminal açabilirsiniz. PowerShell, Bash veya CMD seçilebilir.
Bölünmüş Görünüm
Editörü bölün: Ctrl+\. Yan yana dosya düzenleyin. Tab'ı sürükleyerek de bölünebilir.
Kısayollar
Düzenleme
Ctrl+D: Kelime seç, tekrar bas aynı kelimeyi ekle Ctrl+Shift+L: Tüm eşleşmeleri seç Alt+Yukarı/Aşağı: Satırı taşı Shift+Alt+Yukarı/Aşağı: Satırı kopyala Ctrl+Shift+K: Satırı sil Ctrl+/: Yorum satırı
Gezinme
Ctrl+G: Satıra git Ctrl+Shift+O: Sembole git F12: Tanıma git Alt+Sol/Sağ: Geri/ileri git Ctrl+Tab: Açık dosyalar arası geçiş
Arama
Ctrl+F: Dosyada ara Ctrl+H: Bul ve değiştir Ctrl+Shift+F: Tüm dosyalarda ara
Temel Eklentiler
Prettier
Kod formatlayıcı. Tutarlı stil sağlar. JavaScript, TypeScript, CSS, HTML ve daha fazlası için.
"editor.defaultFormatter": "esbenp.prettier-vscode", "editor.formatOnSave": true
ESLint
JavaScript/TypeScript için lint aracı. Hataları ve kötü pratikleri yakalar.
Live Server
HTML dosyalarını yerel sunucuda açar. Değişiklikler anında yansır. Frontend geliştirme için zorunlu.
GitLens
Git'i güçlendirir. Her satırın kim tarafından ne zaman yazıldığını görün. Dosya geçmişi, dallar arası karşılaştırma.
Material Icon Theme
Dosya simgelerini güzelleştirir. Dosya türlerini görsel olarak ayırt edin.
Verimlilik Eklentileri
GitHub Copilot
Yapay zeka destekli kod önerileri. Yorum yazın, fonksiyon oluşturulsun. Ücretli ama öğrencilere ücretsiz.
Auto Rename Tag
HTML/JSX'te tag adını değiştirdiğinizde kapanış tag'ı da değişir.
Bracket Pair Colorization
Parantezleri renklendirir. VS Code 1.60'tan itibaren yerleşik:
"editor.bracketPairColorization.enabled": true
Path Intellisense
Dosya yollarını otomatik tamamlar. Import'larda pratik.
TODO Highlight
TODO, FIXME gibi yorumları vurgular. Yapılacakları takip edin.
Dil Özel Eklentileri
Python
Python extension by Microsoft. IntelliSense, debugging, linting dahil.
JavaScript/TypeScript
ES7+ React/Redux/React-Native snippets. Code snippet'leri hızlandırır.
PHP
PHP Intelephense. IntelliSense ve hata kontrolü.
C/C++
C/C++ extension by Microsoft. IntelliSense ve debugging.
Geliştirme Eklentileri
Live Share
Gerçek zamanlı kod paylaşımı. Uzaktan pair programming. Microsoft tarafından geliştirildi.
Thunder Client
API test aracı. Postman alternatifi. VS Code içinden istek gönderin.
Docker
Docker dosyaları için IntelliSense. Container'ları VS Code'dan yönetin.
REST Client
.http dosyalarıyla API istekleri yapın. Dokümantasyon ve test bir arada.
Ayar Dosyaları
settings.json
Tüm ayarlar JSON formatında saklanır. File > Preferences > Settings > Open Settings (JSON)
Örnek yapılandırma:
{ "editor.fontSize": 14, "editor.tabSize": 2, "editor.formatOnSave": true, "editor.minimap.enabled": true, "editor.wordWrap": "on", "editor.cursorBlinking": "smooth", "editor.smoothScrolling": true, "files.autoSave": "afterDelay", "workbench.colorTheme": "One Dark Pro", "workbench.iconTheme": "material-icon-theme" }
Workspace Ayarları
Proje bazlı ayarlar .vscode/settings.json dosyasında saklanır. Takım genelinde tutarlılık sağlar.
Profiller
Farklı proje türleri için farklı eklenti setleri. File > Preferences > Profiles. Python projesi için Python eklentileri, web projesi için frontend eklentileri.
Performans İpuçları
Eklenti Sayısını Sınırlayın
Çok fazla eklenti VS Code'u yavaşlatır. Sadece kullandıklarınızı aktif tutun. Workspace bazlı eklenti etkinleştirme kullanın.
Büyük Dosyalar
Çok büyük dosyalarda bazı özellikleri kapatın:
"editor.largeFileOptimizations": true
Telemetri
Telemetriyi kapatmak isterseniz:
"telemetry.telemetryLevel": "off"
Debugging
VS Code güçlü debugging özellikleri sunar. F5 ile başlatın. Breakpoint'ler, değişken izleme, call stack görüntüleme.
launch.json dosyasıyla özel konfigürasyonlar oluşturun.
Snippet'ler
Kendi kod parçacıklarınızı oluşturun. File > Preferences > Configure User Snippets.
Yaygın Hatalar
Eklenti enflasyonu (çok fazla eklenti) Varsayılan ayarlarla kalmak Kısayolları öğrenmemek Terminal'i kullanmamak Git entegrasyonunu görmezden gelmek
Sonuç
VS Code doğru ayarlandığında inanılmaz güçlü bir araçtır. Prettier, ESLint, GitLens temel eklentilerdir. Tema ve font ayarlarıyla rahat bir ortam oluşturun.
Kısayolları öğrenin, fareye bağımlılığınız azalır. Komut paleti her şeye erişmenin en hızlı yoludur.
Eklentileri yavaş yavaş ekleyin, her birini iş akışınıza entegre edin. Gereksiz eklentiler performansı düşürür.
Yazan Celil Uyanikoglu
25 yıldır bilgi işlem piyasasında farklı dallarda uzmanlaşan bir Bilgisayar Mühendisi
Henüz yorum yok.
Sohbete katıl. Yorumlar yayınlanmadan önce moderasyondan geçer.