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

Ekstensi Esensial

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

Fitur Cursor

Cursor meningkatkan alur kerja JavaScript/TypeScript kamu dengan:
  • Tab Completions: Pelengkapan kode kontekstual yang memahami struktur proyek kamu
  • Automatic Imports: Tab bisa mengimpor library secara otomatis begitu kamu memakainya
  • Inline Editing: Gunakan CMD+K di baris mana pun untuk mengedit dengan sintaks yang rapi
  • Composer Guidance: Rencanakan dan edit kode kamu di banyak file dengan Composer

Kecerdasan Framework dengan @Docs

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

Pelajari lebih lanjut tentang @Docs

Cari tahu 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 kamu punya linter seperti ESLint yang sudah disetel, lalu aktifkan pengaturan ‘Iterate on Lints’. Saat kamu memakai mode Agent di Composer, setelah AI mencoba menjawab pertanyaan kamu dan membuat perubahan kode apa pun, AI akan otomatis membaca output dari linter dan mencoba memperbaiki error lint yang sebelumnya belum diketahui.

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
  • Pemahaman server components dan API routes untuk 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 dekorator TypeScript
  • Generasi komponen dan service
  • Rekomendasi: Angular Language Service

Svelte

  • Highlighting sintaks komponen dan pelengkapan yang cerdas
  • Saran untuk reactive statements dan stores
  • Rekomendasi: Svelte for VS Code

Backend Frameworks (Express/NestJS)

  • Pemahaman rute dan middleware
  • Dukungan dekorator TypeScript untuk NestJS
  • Integrasi alat uji API
Ingat, fitur AI Cursor bekerja dengan baik di semua framework ini, memahami pola dan praktik terbaiknya untuk ngasih saran yang relevan. AI bisa bantu dari bikin komponen sampai refactoring yang kompleks, sambil tetap mengikuti pola yang sudah ada di proyek kamu.