Claude Code IDE Entegrasyonu: VS Code, JetBrains ve Terminal

# Claude Code IDE Entegrasyonu: VS Code, JetBrains ve Terminal

Claude Code'u en sevdigin IDE'de kullanmak artik mumkun. VS Code extension, JetBrains plugin ve terminal CLI — uc farklı ortam, uc farklı deneyim. Hangisi senin için en uygun? Bu yazida her platformun güçlü ve zayif yanlarini, yapılandırma detaylarini ve productivite ipuclarini karsilastiriyoruz.

Not: Bu rehber Claude Code VS Code dokumantasyonu, Claude Code GitHub reposu, OpenAI Platform, JetBrains entegrasyonu ve terminal CLI deneyimlerine dayanmaktadir.

İçindekiler

• Uc Platform Karşılaştırmasi
• VS Code Extension Detaylari
• JetBrains IDE Entegrasyonu
• Terminal CLI Kullanımi
• CLAUDE.md Yapilandirmasi
• Project Memory Sistemi
• Keybinding ve Kisayollar
• Diff ve Kod Inceleme
• Performans ve Maliyet Karşılaştırmasi
• Sonuç ve Öneriler

1. Uc Platform Karşılaştırmasi

Pro Tip: Hangisini secersen seç, Claude Code'un yetenekleri ayni. Fark sadece arayüzde. Terminal'de yapabildigin her seyi VS Code'da da yapabilirsin.

2. VS Code Extension Detaylari

Kurulum

VS Code Marketplace'den "Claude Code" arayin veya:

1# CLI'dan VS Code extension kur
2code --install-extension anthropic.claude-code

Arayüz Yapısı

VS Code'da Claude Code su alanlarda çalışır:

1. Side Panel — Ana sohbet alani, prompt kutusu
2. Inline Suggestions — Kod icerisinde öneriler
3. Terminal Integration — Entegre terminal erisimi
4. Diff View — Değişiklikleri inline gosterim

Prompt Kutusu Özellikleri

1/ (slash) ile komut menusu:
2  /plan      → Plan Mode'a geç
3  /model     → Model seç (Opus/Sonnet/Haiku)
4  /thinking  → Extended thinking aç/kapa
5  /mcp       → MCP server yönetimi
6  /hooks     → Hook yapilandirmasi
7  /memory    → Project memory
8  /plugins   → Plugin yönetimi

VS Code Settings

1{
2  "claude-code.defaultMode": "plan",
3  "claude-code.model": "claude-opus-4-6",
4  "claude-code.theme": "dark",
5  "claude-code.showInlineHints": true,
6  "claude-code.autoAcceptEdits": false,
7  "claude-code.terminal.fontSize": 14,
8  "claude-code.diffTool": "auto"
9}

Inline Diff Gosterimi

VS Code'da Claude bir dosyayi degistirdiginde, değişiklikleri inline diff olarak gorursun:

1- const theme = 'light';
2+ const theme = useTheme();
3 
4- <header className="bg-white">
5+ <header className={cn("bg-white dark:bg-gray-900", theme)}>

Bu deneyim Xcode 16 New Features yazimizda anlattigimiz Xcode Predictive Code Completion'a benzer — ama çok daha güçlü.

3. JetBrains IDE Entegrasyonu

Kurulum

JetBrains Marketplace'den "Claude Code" plugin'ini kurun. WebStorm, IntelliJ IDEA, PyCharm, GoLand ve diger tum JetBrains IDE'lerini destekler.

Yapılandırma

1# Claude Code CLI'dan IDE'yi yapılandır
2claude
3> /config
4> Set diff tool to: auto

JetBrains'te Claude Code'un IDE-native diff viewer'ini kullanmasini sağlar.

JetBrains'e Özel Özellikler

1. IDE Actions — Claude, JetBrains'in refactoring araclarina erişebilir
2. Project Structure — Module/package yapısı otomatik algilanir
3. Database Tools — Veritabani entegrasyonu (DataGrip uzerinden)
4. Run Configurations — Mevcut run config'leri kullanabilir

Karşılaştırma: VS Code vs JetBrains

4. Terminal CLI Kullanımi

Temel Komutlar

1# Interaktif mod (sohbet)
2claude
3 
4# Tek seferlik komut
5claude -p "Bu dosyadaki bug'i bul ve duzelt"
6 
7# Dosya ile çalıştır
8claude -p "Bu kodu review et" < main.swift
9 
10# Model secimi
11claude --model claude-opus-4-6
12 
13# JSON çıktı
14claude -p "Dependency listesini çıkar" --output-format json

Gelismis CLI Kullanımi

1# Pipe ile kullanım
2git diff | claude -p "Bu değişiklikleri özetle"
3 
4# Birden fazla dosya
5claude -p "Bu iki dosyayi karşılaştır" file1.ts file2.ts
6 
7# Session devam ettirme
8claude --resume
9 
10# MCP server olarak çalıştır (baska AI aracindan eriş)
11claude mcp serve

Terminal için Best Practices

1. tmux/screen kullan — Uzun session'lar için
2. --resume kullan — Session'i kaybetme
3. Pipe'lari kullan — git diff, cat, curl ile birleştir
4. JSON output — Otomasyonda parse edilebilir çıktı

Pro Tip: Terminal CLI, CI/CD pipeline'larinda en kullanisli ortamdir. claude -p "..." --output-format json ile otomasyon için ideal.

5. CLAUDE.md Yapilandirmasi

CLAUDE.md tum platformlarda ayni şekilde çalışır:

Dosya Hiyerarsisi

1~/.claude/CLAUDE.md              # Global kurallar
2~/.claude/rules/*.md             # Global ek kurallar
3~/proje/CLAUDE.md                # Proje kurallari (git)
4~/proje/.claude/CLAUDE.md        # Proje özel (gitignore)
5~/proje/.claude/rules/*.md       # Proje ek kurallar

Etkili CLAUDE.md Yapilandirmasi

1# Proje Adi
2 
3## Tech Stack
4- Framework, dil, veritabani
5 
6## Golden Rules (ASLA YAPMA)
71. Local build YASAK
82. any tipi YASAK
93. console.log YASAK (logger kullan)
10 
11## Code Conventions
12- Dosya boyutu: max 400 satir
13- Fonksiyon: max 50 satir
14- Import sirasi: React > 3rd party > local
15 
16## Commands
17- /deploy: Deploy adımlari
18- /test: Test komutlari
19- /lint: Lint komutlari
20 
21## Project-Specific Notes
22- [Özel notlar, dikkat edilmesi gerekenler]

Firebase Advanced Patterns yazimizdaki Firestore rules mantigi gibi — kurallar ne kadar açık ve kapsamli olursa AI o kadar iyi çalışır.

6. Project Memory Sistemi

Claude Code proje bazi "hafiza" tutar:

MEMORY.md

1# MEMORY - Proje Adi
2 
3## Durum
4- Proje ne durumda, kac dosya, son deploy
5 
6## Son İşler
7- [2026-02-13] Blog part15 eklendi, 7 yeni blog
8- [2026-02-12] Secret arcade 18 fix, deploy PASS
9 
10## Teknik Kararlar
11- Static export = middleware YOK
12- LazyMotion zorunlu
13- Firestore rules deploy edildi

lessons.md

1### LES-001: Firestore undefined reject [ACTIVE]
2- **Hata:** Form submit başarısız
3- **Sebep:** Firestore undefined değer kabul etmiyor
4- **Çözüm:** Conditional spread (...(value ? {field: value} : {}))
5- **Kural:** Opsiyonel alanlari ASLA undefined gönderme

Memory Kullanım Akışi

1. Session basinda MEMORY.md + lessons.md oku
2. Hata yaptiginda lessons.md'ye yaz
3. Is bittiginde MEMORY.md güncelle
4. Her session sonunda worklog kaydi

7. Keybinding ve Kisayollar

VS Code Keybindings

Terminal Kisayollar

Özel Keybinding Tanımlama

1// VS Code keybindings.json
2{
3  "key": "cmd+shift+p",
4  "command": "claude-code.planMode",
5  "when": "claude-code.active"
6},
7{
8  "key": "cmd+shift+a",
9  "command": "claude-code.autoAccept",
10  "when": "claude-code.active"
11}

8. Diff ve Kod Inceleme

Her platformda diff gosterimi farklidir:

VS Code Diff

Inline diff: Eski kod kirmizi, yeni kod yesil. Accept/Reject butonlari.

JetBrains Diff

IDE native diff viewer. Side-by-side veya unified görünüm.

Terminal Diff

1# Auto-detect IDE
2claude config set diffTool auto
3 
4# Spesifik arac
5claude config set diffTool "code --diff"
6claude config set diffTool vimdiff

Diff Inceleme Best Practices

1. Her degisikligi oku — Otomatik kabul etme
2. Baglami kontrol et — Sadece degisen satira bakma
3. Test et — Diff onaylamadan önce build/lint çalıştır
4. Plan Mode kullan — Büyük degisikliklerde önce plani incele

9. Performans ve Maliyet Karşılaştırmasi

Platform Performansi

Model Secimi ve Maliyet

1# Model değiştirme
2claude --model claude-sonnet-4-5  # Hızlı günlük işler
3claude --model claude-opus-4-6    # Karmaşık mimari

SwiftUI Performance yazimizda anlattigimiz performans ölçum prensipleri burada da gecerli — önce ölç, sonra optimize et.

10. Sonuç ve Öneriler

Senaryo Bazli Öneri

Genel Öneriler

1. VS Code ile başla — En dengeli deneyim
2. Terminal'i öğren — Otomasyon için zorunlu
3. CLAUDE.md zenginlestir — Platform bağımsiz, en önemli adım
4. Keybinding'leri özelleştir — Productivite %30 artar
5. Model switching — Basit is = Haiku, karmaşık is = Opus

IDE entegrasyonunu MCP plugin ekosistemi ile genisletebilir, hook'larla otomasyon katmani ekleyebilirsin.