aslain.dev
0%
01 Hizmetler 02 Hakkımda 03 Projeler 04 Stack 05 Blog 06 İletişim
← Tüm makaleler Araçlar & DevOps

VS Code İpuçları: Daha Hızlı Kod Yazmanın Yolları

Editörün senin için çalışması gerekir, tersi değil. Doğru VS Code ipuçları, kısayollar ve birkaç ayar değişikliğiyle aynı işi yarı sürede bitirip elini neredeyse hiç fareye götürmeden kod yazabilirsin. Bu yazıda günlük iş akışını gerçekten hızlandıran, ezbere değil kasa girer hâle gelecek pratik teknikleri topladım. Örnekler hem Windows/Linux hem de macOS için verildi (Ctrl yerine macOS'ta Cmd).

Komut paleti ve hızlı dosya geçişi

VS Code'da öğreneceğin tek kısayol bu olsaydı yine de kazançlı çıkardın: komut paleti. Ctrl+Shift+P ile açılır ve editörün yapabildiği hemen her şeye buradan ulaşırsın — menülerde gezmene gerek kalmaz. Komutu yazmaya başla, eşleşenler süzülsün.

  • Ctrl+P — dosya adıyla anında dosya aç (Quick Open). Birkaç harf yeter.
  • Ctrl+Shift+O — açık dosyadaki sembollere (fonksiyon, sınıf, metot) atla.
  • Ctrl+G — belirli bir satır numarasına git.
  • Ctrl+T — tüm projede sembol ara.

Küçük bir hile: Quick Open'da dosya adından sonra : yazıp satır numarası eklersen (örneğin UserController.php:42) doğrudan o satıra düşersin.

Çoklu imleç ile aynı anda her yeri düzenle

Tekrarlayan düzenlemeler için en güçlü VS Code ipuçları çoklu imleç etrafında döner. Aynı değişikliği on yerde elle yapmak yerine tek seferde hallet:

  • Ctrl+D — imlecin altındaki kelimeyi seç; tekrar basınca bir sonraki aynı eşleşmeyi de seçime ekler.
  • Ctrl+Shift+L — seçili kelimenin tüm geçişlerini aynı anda seçer.
  • Alt+Click — fareyle istediğin yere ek imleç koyar.
  • Ctrl+Alt+Up/Down (macOS: Cmd+Alt+Up/Down) — üst veya alt satıra imleç ekler.

Diyelim bir JSON'da on değişken adını tek tek değiştireceksin: ilkini seç, Ctrl+D ile diğerlerini ekle, yaz ve hepsi birden değişsin.

Satır işlemleri: taşı, kopyala, sil

Satırları sürükleyip bırakmak yerine klavyede tut:

Alt+Up / Alt+Down          → satırı yukarı/aşağı taşı
Shift+Alt+Up / Down        → satırı yukarı/aşağı kopyala
Ctrl+Shift+K               → satırı sil
Ctrl+/                     → satırı yorum yap / yorumu kaldır
Ctrl+Enter                 → altına yeni satır aç (imleç nerede olursa olsun)

Bir if bloğunu yukarı almak ya da bir yapılandırma satırını çoğaltmak böyle saniyeler sürer. Bunlar parmak hafızasına yerleştiğinde fareye uzanmayı tamamen bırakırsın.

Kodda gezinme ve yeniden adlandırma

Büyük bir kod tabanında en çok zaman, "bu fonksiyon nerede tanımlı?" sorusuna gider. VS Code bunu çözer:

  • F12 — tanıma git (Go to Definition).
  • Alt+F12 — tanımı yerinde, küçük bir önizleme penceresinde göster (Peek).
  • Shift+F12 — sembolün tüm kullanım yerlerini bul.
  • F2 — sembolü güvenli biçimde yeniden adlandır; tüm referanslar otomatik güncellenir.
  • Ctrl+Tab — son kullanılan dosyalar arasında geçiş yap.

F2 ile yeniden adlandırma, klasik "bul-değiştir" yerine dil sunucusunu kullandığı için yanlış eşleşmeleri seçmez — bir değişkeni yeniden adlandırırken aynı isimli bir yorumu ya da metni bozmaz.

Entegre terminal ve Git akışı

Editörden çıkmadan çalışmak büyük bir hız kazancıdır. Ctrl+` (backtick) entegre terminali açar/kapatır; Ctrl+Shift+` yeni bir terminal oluşturur. Birden çok terminali yan yana bölebilir, birinde sunucuyu çalıştırıp diğerinde Git komutları girebilirsin.

Sol taraftaki Source Control paneli (Ctrl+Shift+G) değişiklikleri satır satır gözden geçirmek için idealdir. Bir dosyanın yanındaki "+" ile stage'le, mesajı yaz ve commit et. Satır içi gutter işaretleri hangi satırların değiştiğini gösterir; üstüne tıklayarak değişikliği geri alabilirsin. Daha derin geçmiş incelemesi için GitLens eklentisi her satırın kim tarafından ne zaman yazıldığını (blame) satır sonunda gösterir.

Ayarlarla kalıcı kazanç

Kısayollar anlıktır; ayarlar ise her gün arka planda çalışır. Ctrl+, ile ayarları aç ya da doğrudan settings.json düzenle (komut paletinde "Preferences: Open User Settings (JSON)"). En çok işe yarayan birkaçı:

{
  "editor.formatOnSave": true,
  "files.autoSave": "onFocusChange",
  "editor.tabSize": 2,
  "editor.bracketPairColorization.enabled": true,
  "editor.minimap.enabled": false,
  "files.trimTrailingWhitespace": true
}

formatOnSave ile Prettier/ESLint gibi bir biçimlendirici kurduğunda kod her kayıtta otomatik düzenlenir — "girinti tartışması" diye bir şey kalmaz. Proje köküne .vscode/settings.json ve .vscode/extensions.json koyarsan ekip arkadaşların aynı ayarlarla ve önerilen eklentilerle açar; tutarlılık ücretsiz gelir.

Snippet'ler ve odaklanma

Sık yazdığın kalıpları (bir React bileşeni, bir Laravel controller iskeleti, bir lisans başlığı) kendi snippet'ine çevir: komut paletinde "Snippets: Configure User Snippets". Bir tetikleyici kelime yazıp Tab'a basınca tüm blok gelir, imleç doldurulacak yerlere sırayla atlar.

Dikkatini toplaman gerektiğinde Zen Modu (Ctrl+K sonra Z) tüm paneli gizleyip sadece koda odaklar. Ctrl+B kenar çubuğunu, Ctrl+\ ise editörü ikiye bölerek iki dosyayı yan yana getirir.

Sık Sorulan Sorular

Bu kısayolları nasıl daha kolay öğrenirim?

Hepsini bir günde ezberlemeye çalışma. Haftada iki üç tane seç, bilinçli olarak fare yerine onları kullan. Komut paletinde bir komutu çalıştırdığında VS Code yanında kısayolunu gösterir — bu doğal bir öğrenme döngüsü kurar. Ayrıca "Help → Keyboard Shortcuts Reference" ile yazdırılabilir bir özet alabilirsin.

Ayarlarımı başka bilgisayara nasıl taşırım?

VS Code'un yerleşik Settings Sync özelliğini aç (Gear ikonu → Turn on Settings Sync). Ayarların, kısayolların, eklentilerin ve snippet'lerin GitHub veya Microsoft hesabınla senkronize olur; yeni bir makinede oturum açtığında her şey yerine gelir.

Çok fazla eklenti VS Code'u yavaşlatır mı?

Evet, olabilir. Komut paletinde "Developer: Show Running Extensions" ile hangi eklentinin ne kadar başlangıç süresi ve CPU harcadığını görebilirsin. Kullanmadıklarını devre dışı bırak; bazı eklentileri yalnızca ilgili projelerde etkinleştirmek için "workspace" düzeyinde aç/kapat.

Editörünü hızlandırmak iş akışının sadece başlangıcı. Bir web projesi, otomasyon ya da geliştirme süreçlerini hızlandıracak bir kurulum üzerinde çalışıyorsan, birlikte bakabiliriz — benimle iletişime geç.

Bu kategorideki tüm yazılar →

Devamı için