Ana içeriğe geç
İçeriğe Atla
Araçlar

Cursor AI ile Kod Yazma: Türkçe Başlangıç Rehberi

Yapay Zeka Danışmanı
Yapay Zeka Danışmanı
YapayZekaDanismani.com
Araçlar

Cursor AI ile Kod Yazma: Türkçe Başlangıç Rehberi

Cursor AI nedir, nasıl kullanılır? Türkçe rehberimizde Cursor kurulumundan ilk projenize kadar adım adım anlatıyoruz. Vibe Coding'e başlamak için en iyi araç.

YapayZekaDanismani.com
5 dk okuma

Yapay zeka destekli kod editörleri arasında 2026'nın en popüler ismi: Cursor.

GitHub Copilot'u biliyorsunuzdur — Cursor onu birkaç kat geride bırakıyor. Sadece kod tamamlama değil, doğal dilde proje geliştirme, hata düzeltme, kod açıklama ve daha fazlası.

Bu rehberde Cursor'u sıfırdan öğreneceksiniz — Türkçe, adım adım.

Cursor Nedir?

Cursor, Visual Studio Code (VSCode) altyapısı üzerine inşa edilmiş, yapay zeka öncelikli bir kod editörüdür.

Temel farkları:

  • GPT-4, Claude gibi gelişmiş AI modellerine doğrudan entegre
  • Tüm proje dosyalarını anlayan bütünleşik AI asistan
  • Doğal dilde komutlarla kod yazma (Vibe Coding)
  • Hata otomatik tespit ve düzeltme
  • VSCode eklentileri ile tam uyumlu

Ücretsiz mi? Evet, temel özellikler ücretsiz. Pro plan aylık 20$ (Cursor Pro).

Kurulum — 5 Dakika

Adım 1: İndirin

cursor.com → "Download" → İşletim sisteminizi seçin

Adım 2: Yükleyin

Normal bir uygulama gibi yükleyin. Mac, Windows ve Linux destekleniyor.

Adım 3: VSCode Ayarlarınızı Aktarın

Daha önce VSCode kullandıysanız Cursor bunu soracak:

"Import settings from VS Code?" → Yes deyin

Tüm eklentileriniz, temalarınız ve ayarlarınız otomatik gelir.

Adım 4: Hesap Oluşturun

İlk açılışta GitHub veya email ile hesap oluşturun. Ücretsiz plan hemen aktif.


Cursor Arayüzü — Ne Nerede?

┌─────────────────────────────────────────┐
│  Sol Panel    │  Kod Editörü  │  AI Panel│
│  (Dosyalar)   │               │  (Chat)  │
│               │               │          │
│  Explorer     │   index.tsx   │  Ctrl+L  │
│  Search       │               │          │
│  Git          │               │          │
└─────────────────────────────────────────┘

Sol Panel: Dosya gezgini, arama, git Orta: Kod editörü — VSCode ile aynı Sağ/Alt: AI panel (Ctrl+L ile açılır)


4 Temel Özellik

1. Tab Tamamlama (En Basit)

Yazmaya başlayın, AI devamını önerir. Tab ile kabul edin.

// Siz: "function calculate" yazmaya başladınız
// Cursor önerisi:
function calculateTotalPrice(items, taxRate) {
  return items.reduce((sum, item) => sum + item.price, 0) * (1 + taxRate);
}

2. Chat (Ctrl+L) — Ana Silah

AI ile sohbet ederek kod yazın. Dosyalarınızı anlıyor.

Örnekler:

"Bu fonksiyonu daha hızlı çalışacak şekilde optimize et"
"Bu koda TypeScript tipleri ekle"
"Bu bileşene hata yönetimi ekle"
"Bunu Türkçe'ye çevir ve açıkla"

İpucu: @dosyaAdı yazarak belirli dosyaları konuşmaya dahil edebilirsiniz.

3. Ctrl+K — Satır İçi Düzenleme

Kodu seçin, Ctrl+K basın, ne yapmasını istediğinizi yazın.

Seçili kodu → Ctrl+K → "Bunu async/await kullanacak şekilde yeniden yaz"

Cursor seçili kodu değiştirir, eski versiyonla karşılaştırma gösterir.

4. Composer (Ctrl+Shift+I) — Proje Düzeyinde

Birden fazla dosyayı aynı anda değiştiren büyük görevler için.

"Tüm API çağrılarına loading state ve hata yönetimi ekle"
"Uygulamaya dark mode desteği ekle, tüm bileşenleri güncelle"

Vibe Coding İçin Cursor Kullanımı

İlk Projenizi Başlatın

Boş bir klasör açın, Chat panelini açın (Ctrl+L), yazın:

Next.js 14 ile modern bir kişisel blog sitesi oluştur.

Özellikler:
- Ana sayfa (son yazılar listesi)
- Blog yazısı detay sayfası
- Hakkımda sayfası
- İletişim formu
- Karanlık/aydınlık mod

Türkçe içerik. Minimal, modern tasarım.
Tailwind CSS kullan.

Etkili Prompt Teknikleri

Kötü prompt:

"Bir web sitesi yap"

İyi prompt:

"Next.js 14 App Router kullanarak e-ticaret landing page oluştur.
Hero section: başlık, alt başlık, CTA butonu
Özellikler bölümü: 3 kart, ikon ve açıklama
Fiyatlandırma: 3 plan karşılaştırması
İletişim formu
Tüm renkler mavi-beyaz tema, Tailwind CSS"

Bağlam Verme

@components/Header.tsx @app/globals.css
Bu projedeki tasarım dilini koruyarak, aynı stil ile
bir Footer bileşeni oluştur.
Linkler: Ana Sayfa, Hakkımda, Blog, İletişim
Sosyal medya ikonları: Twitter, LinkedIn, GitHub

Cursor vs Rakipler

| Özellik | Cursor | GitHub Copilot | Windsurf | |---------|--------|----------------|----------| | Proje anlama | ✅ Tam | ⚠️ Kısmi | ✅ Tam | | Doğal dil ile geliştirme | ✅ | ❌ | ✅ | | Chat | ✅ | ✅ | ✅ | | Çoklu dosya düzenleme | ✅ Composer | ❌ | ✅ | | Ücretsiz plan | ✅ | ✅ | ✅ | | Fiyat (Pro) | $20/ay | $10/ay | $15/ay | | Türkçe destek | ✅ | ✅ | ✅ |

Tavsiyemiz: Başlangıç için Cursor. İlerlediğinizde Windsurf'ü de deneyin.


Pratik İpuçları

1. .cursorrules Dosyası

Projenizin kök klasörüne bu dosyayı ekleyin:

Bu bir Next.js 14 App Router projesidir.
TypeScript kullan.
Tailwind CSS ile styling yap.
Türkçe değişken isimleri kullanma, İngilizce kullan.
Her component için TypeScript interface tanımla.

Cursor bu kuralları her sohbette hatırlayacak.

2. Hata Mesajlarını Direkt Yapıştırın

Terminalden bu hatayı aldım:
[hata mesajını buraya yapıştırın]

Neden oluyor ve nasıl düzeltirim?

3. Kod Açıklama İsteyin

Bu kodu satır satır Türkçe açıkla,
özellikle ne işe yaradığını ve nasıl çalıştığını anlat.

4. Review Yaptırın

Bu kodu güvenlik açıkları, performans sorunları
ve best practice ihlalleri açısından incele.
Bulduklarını listele ve nasıl düzelteceğimi göster.

Sık Sorulan Sorular

İngilizce bilmem gerekiyor mu?

Türkçe prompt yazabilirsiniz, Cursor anlıyor. Ancak teknik terimler genellikle İngilizce. Temel teknik İngilizce okuyabilmek yeterli.

Ücretsiz planla ne yapabilirim?

Ücretsiz planda günlük sınırlı sayıda AI sorgusu var. Küçük projeler için yeterli. Profesyonel kullanım için Pro plan ($20/ay) gerekebilir.

Verilerimi kullanıyor mu?

Cursor, yazılan kodu AI modeline gönderiyor. Gizli/hassas projeler için Privacy Mode'u aktif edin (Settings → Privacy).

VSCode'dan geçiş zor mu?

Hiç zor değil. VSCode biliyorsanız Cursor'u ilk günden kullanabilirsiniz. Aynı arayüz, sadece AI güçleri eklenmiş.


Sonraki Adımlar

Cursor'u kurdunuz, temel özellikleri öğrendiniz. Şimdi ne yapacaksınız?

  1. Bugün: Bir todo uygulaması veya landing page yapın
  2. Bu hafta: Kendi fikrinizi Cursor ile geliştirmeye başlayın
  3. Bu ay: Gerçek bir projeyi tamamlayın ve yayınlayın

Vibe Coding'de Cursor'u ustaca kullanmak istiyorsanız birebir eğitimimize göz atın.

Vibe Coding Eğitimi hakkında bilgi alın →

Ücretsiz görüşme için randevu alın →


İlgili Yazılar:

Etiketler: #CursorAI #VibeCoding #AIEditör #YapayZeka #KodYazma #Başlangıç #Türkçe

Paylaş

YapayZekaDanismani.com

YapayZekaDanismani.com

Yapay Zeka Danışmanı