Cursor’da JavaScript ve TypeScript geliştirmeye hoş geldin! Editör, eklenti ekosistemi sayesinde JS/TS geliştirme için olağanüstü bir destek sunuyor. Cursor’dan en iyi şekilde yararlanman için bilmen gerekenler burada.

Gerekli Uzantılar

Cursor, tercih ettiğin herhangi bir uzantıyla harika çalışır; ama yeni başlıyorsan şunları öneriyoruz:
  • ESLint - Cursor’ın yapay zekâ destekli lint düzeltme özellikleri için gerekli
  • JavaScript and TypeScript Language Features - Gelişmiş dil desteği ve IntelliSense
  • Path Intellisense - Dosya yolları için akıllı otomatik tamamlama

Cursor Özellikleri

Cursor, mevcut JavaScript/TypeScript iş akışını şu özelliklerle güçlendirir:
  • Sekme Tamamlamaları: Proje yapını anlayan bağlama duyarlı kod tamamlamaları
  • Otomatik İçe Aktarmalar: Sekme tuşuyla, kullandığın anda kütüphaneleri otomatik içe aktarır
  • Satır İçi Düzenleme: Herhangi bir satırda CMD+K ile kusursuz sözdizimiyle düzenle
  • Composer Yönlendirmesi: Composer ile birden fazla dosyada kodunu planla ve düzenle

@Docs ile Framework Zekası

Cursor’ın @Docs özelliği, yapay zekanın referans alabileceği özel dokümantasyon kaynakları ekleyerek JavaScript geliştirmeni turbo hızına çıkarır. Daha doğru ve bağlamsal kod önerileri almak için MDN, Node.js veya favori framework’ünden dokümantasyon ekle.

@Docs hakkında daha fazla bilgi edin

Cursor’da özel dokümantasyon kaynaklarını nasıl ekleyip yöneteceğini keşfet.

Otomatik Lint Çözümü

Cursor’ın öne çıkan özelliklerinden biri, linter uzantılarıyla kusursuz entegrasyonudur. ESLint gibi bir linter kurduğundan emin ol ve ‘Iterate on Lints’ ayarını etkinleştir. Ardından, Composer’da Agent modunu kullanırken, yapay zeka sorguna yanıt verdikten ve kod değişikliklerini yaptıktan sonra linter çıktısını otomatik olarak okuyacak ve farkında olmayabileceği lint hatalarını düzeltmeye çalışacaktır.

Framework Desteği

Cursor, aşağıda olduğu gibi tüm büyük JavaScript framework’leri ve kütüphaneleriyle sorunsuz çalışır:

React & Next.js

  • Akıllı bileşen önerileriyle eksiksiz JSX/TSX desteği
  • Next.js için server component ve API route zekâsı
  • Önerilen: React Developer Tools eklentisi

Vue.js

  • Volar entegrasyonuyla şablon sözdizimi desteği
  • Bileşen otomatik tamamlama ve tür denetimi
  • Önerilen: Vue Language Features

Angular

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 zekâsı
  • NestJS için TypeScript decorator desteği
  • API test araçları entegrasyonu
Unutma, Cursor’un AI özellikleri bu framework’lerin hepsiyle çok iyi çalışır; kalıplarını ve en iyi uygulamalarını anlayarak ilgili öneriler sunar. AI, bileşen oluşturmadan karmaşık refaktoring işlemlerine kadar her konuda, projenin mevcut kalıplarına sadık kalarak sana yardımcı olabilir.