VS Code En İyi Eklentileri 2025: Geliştirici Verimliliği — CodeForge

VS Code, doğru eklentilerle sıradan bir editörden güçlü bir geliştirme ortamına dönüşür. Bu liste; 2025'te aktif olarak kullanılan, gerçekten fark yaratan ve fazla kaynak tüketmeyen eklentileri içeriyor — popülerlik değil, verimlilik odaklı.

1. GitLens — Git Süpergücü

Git Blame, commit geçmişi, inline diff ve dosya karşılaştırma tüm bunlar VS Code içinde:

// PLAINTEXT //

✓ Satır üzerinde son commit bilgisi (inline blame)
✓ Commit graph — grafiksel git geçmişi
✓ Hunk diff — değişikliği satır satır gör
✓ Branch karşılaştırma
✓ Remote entegrasyonu (GitHub, GitLab)

Kurulum: ext install eamodio.gitlens

2. Error Lens — Hata Vurgulama

// TYPESCRIPT //

// Error Lens olmadan: squiggly line + hover ile hata
// Error Lens ile: hata mesajı direkt satır sonunda görünür
 
const kullanici = getUser(42)
//                          ↑ Property 'email' does not exist on type 'User | null'

Artık hover gerekmez — hata anında gözüküyor.
Kurulum: ext install usernamehw.errorlens

3. Prettier + ESLint — Otomatik Format

// JSON //

// .vscode/settings.json — projeye özel ayar
{
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit"
  },
  "[python]": {
    "editor.defaultFormatter": "ms-python.black-formatter"
  }
}

Kurulum: ext install esbenp.prettier-vscode dbaeumer.vscode-eslint

4. REST Client — Postman'e Gerek Yok

.http dosyalarıyla direkt VS Code içinde HTTP isteği at:

// HTTP //

### Giriş yap
POST http://localhost:3000/api/auth/login
Content-Type: application/json
 
{
  "email": "test@example.com",
  "password": "Gizli123"
}
 
### Token ile kullanıcı listesi
GET http://localhost:3000/api/users
Authorization: Bearer {{token}}
Accept: application/json
 
### Yeni kullanıcı oluştur
POST http://localhost:3000/api/users
Content-Type: application/json
 
{
  "name": "Adem",
  "email": "adem@codeforge.dev"
}

Kurulum: ext install humao.rest-client

5. Docker — Konteyner Yönetimi

Docker Desktop'ı açmadan VS Code içinden:

Konteynerleri başlat/durdur
Log'ları görüntüle
Dosya sistemi gezin
Terminal aç

Kurulum: ext install ms-azuretools.vscode-docker

6. Thunder Client — Hafif API Test Aracı

Postman'den daha hafif, VS Code entegreli. Collection, ortam değişkeni, test script destekler.

Kurulum: ext install rangav.vscode-thunder-client

7. Tailwind CSS IntelliSense

// HTML //

<!-- Tailwind class yazarken otomatik tamamlama -->
<div class="flex items-center justify-between
            bg-gray-900 hover:bg-gray-800
            px-4 py-2 rounded-lg
            transition-colors duration-200">
  <!-- Cursor pozisyonunda class öneri listesi çıkar -->
</div>

Hover'da renk önizleme, class değerini göster, geçersiz class uyarısı.

Kurulum: ext install bradlc.vscode-tailwindcss

8. Prisma — ORM Syntax Desteği

// PRISMA //

// schema.prisma — renklendirme, format, linting
model User {
  id        Int      @id @default(autoincrement())
  email     String   @unique
  posts     Post[]
  createdAt DateTime @default(now())
}

Ctrl+Shift+F ile otomatik format, hata highlight.

Kurulum: ext install Prisma.prisma

9. Auto Rename Tag — HTML/JSX Tag Yönetimi

// HTML //

<!-- Açılış tag'ını değiştirince kapanış otomatik değişir -->
<section> → <article>
      ↕
</section> → </article>  (otomatik)

React/Next.js'de JSX ile çalışırken zaman kazandırır.

Kurulum: ext install formulahendry.auto-rename-tag

10. Code Spell Checker — Türkçe Dahil Yazım Denetimi

Değişken, yorum ve string'lerde yazım hataları:

// TYPESCRIPT //

// "mesage" → "message" önerisi
// "conncetion" → "connection" önerisi
 
// settings.json'a ekle
"cSpell.language": "en,tr",  // Türkçe destekli
"cSpell.words": ["codeforge", "Tailwind", "prisma"]  // özel kelimeler

Kurulum: ext install streetsidesoftware.code-spell-checker

VS Code Ayarları (settings.json)

// JSON //

{
  "editor.fontSize": 14,
  "editor.fontFamily": "'JetBrains Mono', 'Fira Code', monospace",
  "editor.fontLigatures": true,
  "editor.tabSize": 2,
  "editor.insertSpaces": true,
  "editor.minimap.enabled": false,
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": true,
  "editor.inlineSuggest.enabled": true,
  "editor.suggest.showStatusBar": true,
  "terminal.integrated.fontSize": 13,
  "files.autoSave": "onFocusChange",
  "explorer.compactFolders": false,
  "workbench.iconTheme": "material-icon-theme",
  "workbench.colorTheme": "One Dark Pro"
}

Faydalı Klavye Kısayolları

// PLAINTEXT //

Ctrl+Shift+P         — Komut paleti
Ctrl+P               — Dosya hızlı açma
Ctrl+`               — Terminal aç/kapat
Ctrl+Shift+`         — Yeni terminal
Alt+Z               — Sözcük kaydırma toggle
F2                   — Sembol yeniden adlandır (tüm dosyalarda)
Ctrl+D               — Sonraki aynı kelimeyi seç
Ctrl+Shift+L         — Tüm aynı kelimeleri seç
Ctrl+Alt+↑/↓        — Çok satır kursoru
Shift+Alt+F         — Formatla
Ctrl+K Ctrl+S        — Klavye kısayolları

Özet

En değerli 10 eklenti: GitLens (git tarihçesi), Error Lens (inline hata), Prettier+ESLint (otomatik format), REST Client (.http dosyası), Docker, Tailwind IntelliSense, Prisma, Auto Rename Tag, Code Spell Checker. Settings.json'u ayarla, JetBrains Mono/Fira Code yükle, formatOnSave aç. Bunların hepsi kuruluyken VS Code, çoğu ücretli IDE'yi geride bırakır.