Selamat datang di pengembangan JavaScript dan TypeScript di Cursor! Editor ini punya dukungan yang sangat baik untuk pengembangan JS/TS lewat ekosistem ekstensi. Berikut yang perlu kamu tahu untuk memaksimalkan penggunaan Cursor.

Ekstensi Esensial

Meski Cursor bekerja lancar dengan ekstensi apa pun yang kamu pakai, kami rekomendasikan yang ini buat kamu yang baru mulai:
  • ESLint - Diperlukan untuk kemampuan perbaikan lint berbasis AI di Cursor
  • JavaScript and TypeScript Language Features - Dukungan bahasa dan IntelliSense yang lebih kaya
  • Path Intellisense - Pelengkapan jalur cerdas untuk path file

Fitur Cursor

Cursor ngasih tenaga ke alur kerja JavaScript/TypeScript yang sudah kamu pakai dengan:
  • Tab Completions: Saran kode kontekstual yang paham struktur proyek kamu
  • Automatic Imports: Tab bisa otomatis mengimpor library begitu kamu pakai
  • Inline Editing: Pakai CMD+K di baris mana pun untuk ngedit dengan sintaks yang rapi
  • Composer Guidance: Rencanakan dan edit kode kamu lintas banyak file dengan Composer

Framework Intelligence dengan @Docs

Fitur @Docs dari Cursor bikin pengembangan JavaScript kamu makin ngebut dengan nambahin sumber dokumentasi kustom yang bisa dirujuk AI. Tambahin dokumentasi dari MDN, Node.js, atau framework favorit kamu biar saran kode jadi lebih akurat dan kontekstual.

Pelajari lebih lanjut tentang @Docs

Pelajari cara nambah dan ngelola sumber dokumentasi kustom di Cursor.

Penyelesaian Linting Otomatis

Salah satu fitur unggulan Cursor adalah integrasi mulusnya dengan ekstensi linter. Pastikan kamu punya linter seperti ESLint yang sudah disetel, dan aktifkan pengaturan ‘Iterate on Lints’. Terus, pas kamu pakai Agent mode di Composer, begitu AI nyoba jawab pertanyaan kamu dan bikin perubahan kode, AI bakal otomatis baca output dari linter dan coba benerin error lint yang mungkin belum ketangkep sebelumnya.

Dukungan Framework

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

React & Next.js

  • Dukungan penuh JSX/TSX dengan saran komponen yang cerdas
  • Kecerdasan untuk server component dan rute API di Next.js
  • Rekomendasi: ekstensi React Developer Tools

Vue.js

  • Dukungan sintaks template dengan integrasi Volar
  • Pelengkapan otomatis komponen dan pemeriksaan tipe
  • Rekomendasi: Vue Language Features

Angular

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

Svelte

  • Highlighting sintaks komponen dan pelengkapan cerdas
  • Saran untuk reactive statement dan store
  • Rekomendasi: Svelte for VS Code

Backend Frameworks (Express/NestJS)

  • Kecerdasan untuk route dan middleware
  • Dukungan decorator TypeScript untuk NestJS
  • Integrasi alat pengujian API
Ingat, fitur AI Cursor bekerja dengan baik di semua framework ini, memahami pola dan best practice mereka untuk ngasih saran yang relevan. AI bisa bantu dari pembuatan komponen sampai refactoring yang kompleks, sambil tetap menghormati pola yang sudah ada di proyek lo.