Cursor’da JavaScript ve TypeScript geliştirmeye hoş geldiniz! Editör, uzantı ekosistemi aracılığıyla JS/TS geliştirme için olağanüstü destek sağlar. Cursor’dan en iyi şekilde yararlanmak için bilmeniz gerekenler burada.

​
Temel Eklentiler

Cursor tercih ettiğiniz herhangi bir eklenti ile harika çalışsa da, yeni başlayanlar için bunları öneriyoruz:
  • ESLint - Cursor’ın AI destekli lint düzeltme yetenekleri için gereklidir
  • JavaScript and TypeScript Language Features - Gelişmiş dil desteği ve IntelliSense
  • Path Intellisense - Dosya yolları için akıllı yol tamamlama

​
Cursor Özellikleri

Cursor, mevcut JavaScript/TypeScript iş akışınızı şu özelliklerle geliştirir:
  • Tab Tamamlamaları: Proje yapınızı anlayan bağlam farkında kod tamamlamaları
  • Otomatik İçe Aktarmalar: Tab, kütüphaneleri kullanır kullanmaz otomatik olarak içe aktarabilir
  • Satır İçi Düzenleme: Mükemmel sözdizimi ile düzenlemek için herhangi bir satırda CMD+K kullanın
  • Composer Rehberliği: Composer ile kodunuzu birden fazla dosyada planlayın ve düzenleyin

​
@Docs ile Framework Zekası

Cursor’un @Docs özelliği, AI’nın referans alabileceği özel dokümantasyon kaynakları ekleyerek JavaScript geliştirmenizi güçlendirmenizi sağlar. Daha doğru ve bağlamsal kod önerileri almak için MDN, Node.js veya favori framework’ünüzden dokümantasyon ekleyin.

@Docs hakkında daha fazla bilgi edinin

Cursor’da özel dokümantasyon kaynaklarını nasıl ekleyeceğinizi ve yöneteceğinizi keşfedin.

​
Otomatik Linting Çözümü

Cursor’un öne çıkan özelliklerinden biri, Linter uzantıları ile kusursuz entegrasyonudur. ESLint gibi bir linter’ınızın kurulu olduğundan emin olun ve ‘Iterate on Lints’ ayarını etkinleştirin. Ardından, Composer’da Agent modunu kullanırken, AI sorgunuzu yanıtlamaya çalıştıktan ve herhangi bir kod değişikliği yaptıktan sonra, otomatik olarak linter çıktısını okuyacak ve bilmediği lint hatalarını düzeltmeye çalışacaktır.

​
Framework Desteği

Cursor, tüm büyük JavaScript framework’leri ve kütüphaneleri ile sorunsuz bir şekilde çalışır:

​
React & Next.js

  • Akıllı bileşen önerileri ile tam JSX/TSX desteği
  • Next.js için sunucu bileşeni ve API route zekası
  • Önerilen: React Developer Tools uzantısı

​
Vue.js

  • Volar entegrasyonu ile template sözdizimi desteği
  • Bileşen otomatik tamamlama ve tip kontrolü
  • Önerilen: Vue Language Features

​
Angular

  • Template doğrulama ve TypeScript decorator desteği
  • Bileşen ve servis oluşturma
  • Önerilen: Angular Language Service

​
Svelte

  • Bileşen sözdizimi vurgulama ve akıllı tamamlamalar
  • Reaktif ifade ve store önerileri
  • Önerilen: Svelte for VS Code

​
Backend Framework’leri (Express/NestJS)

  • Route ve middleware zekası
  • NestJS için TypeScript decorator desteği
  • API test araçları entegrasyonu
Unutmayın, Cursor’ın AI özellikleri tüm bu framework’lerle iyi çalışır, onların desenlerini ve en iyi uygulamalarını anlayarak ilgili öneriler sunar. AI, bileşen oluşturmadan karmaşık refactoring görevlerine kadar her konuda yardımcı olabilir ve projenizin mevcut desenlerine saygı gösterir.