Selamat datang di pengembangan JavaScript dan TypeScript di Cursor! Editor ini menyediakan dukungan luar biasa untuk pengembangan JS/TS melalui ekosistem ekstensinya. Berikut adalah hal-hal yang perlu Anda ketahui untuk memaksimalkan penggunaan Cursor.

​
Ekstensi Penting

Meskipun Cursor bekerja dengan baik dengan ekstensi apa pun yang Anda sukai, kami merekomendasikan ekstensi berikut untuk mereka yang baru memulai:
  • ESLint - Diperlukan untuk kemampuan perbaikan lint bertenaga AI dari Cursor
  • JavaScript and TypeScript Language Features - Dukungan bahasa yang ditingkatkan dan IntelliSense
  • Path Intellisense - Penyelesaian jalur yang cerdas untuk jalur file

​
Fitur Cursor

Cursor meningkatkan alur kerja JavaScript/TypeScript yang sudah ada dengan:
  • Tab Completions: Pelengkapan kode yang sadar konteks dan memahami struktur proyek Anda
  • Automatic Imports: Tab dapat secara otomatis mengimpor pustaka segera setelah Anda menggunakannya
  • Inline Editing: Gunakan CMD+K pada baris mana pun untuk mengedit dengan sintaks yang sempurna
  • Composer Guidance: Rencanakan dan edit kode Anda di beberapa file dengan Composer

​
Framework Intelligence dengan @Docs

Fitur @Docs Cursor memungkinkan Anda meningkatkan pengembangan JavaScript dengan menambahkan sumber dokumentasi kustom yang dapat direferensikan oleh AI. Tambahkan dokumentasi dari MDN, Node.js, atau framework favorit Anda untuk mendapatkan saran kode yang lebih akurat dan kontekstual.

Pelajari lebih lanjut tentang @Docs

Temukan cara menambahkan dan mengelola sumber dokumentasi kustom di Cursor.

​
Resolusi Linting Otomatis

Salah satu fitur unggulan Cursor adalah integrasinya yang mulus dengan ekstensi Linter. Pastikan Anda memiliki linter, seperti ESLint, yang sudah diatur, dan aktifkan pengaturan ‘Iterate on Lints’. Kemudian, saat menggunakan mode Agent di Composer, setelah AI mencoba menjawab pertanyaan Anda dan membuat perubahan kode apa pun, AI akan secara otomatis membaca output linter dan akan mencoba memperbaiki kesalahan lint yang mungkin tidak diketahuinya.

​
Dukungan Framework

Cursor bekerja dengan mulus dengan semua framework dan library JavaScript utama, seperti:

​
React & Next.js

  • Dukungan JSX/TSX lengkap dengan saran komponen yang cerdas
  • Kecerdasan server component dan API route untuk Next.js
  • Direkomendasikan: ekstensi React Developer Tools

​
Vue.js

  • Dukungan sintaks template dengan integrasi Volar
  • Auto-completion komponen dan type checking
  • Direkomendasikan: Vue Language Features

​
Angular

  • Validasi template dan dukungan TypeScript decorator
  • Pembuatan komponen dan service
  • Direkomendasikan: Angular Language Service

​
Svelte

  • Syntax highlighting komponen dan completion yang cerdas
  • Saran reactive statement dan store
  • Direkomendasikan: Svelte for VS Code

​
Backend Frameworks (Express/NestJS)

  • Kecerdasan route dan middleware
  • Dukungan TypeScript decorator untuk NestJS
  • Integrasi tools pengujian API
Ingat, fitur AI Cursor bekerja dengan baik dengan semua framework ini, memahami pola dan praktik terbaik mereka untuk memberikan saran yang relevan. AI dapat membantu dengan segala hal mulai dari pembuatan komponen hingga tugas refactoring yang kompleks, sambil menghormati pola yang sudah ada dalam proyek Anda.