Claude Code di Cursor: Panduan Pengaturan dan Alur Kerja

Cursor sudah dilengkapi agen AI-nya sendiri. Agen ini dapat mengedit file, menjalankan perintah, dan bekerja di seluruh basis kode Anda. Lalu mengapa Anda memasang agen kedua di editor yang sama?

Claude Code adalah alat pengodean agensik dari Anthropic: membaca basis kode Anda, merencanakan perubahan, mengedit file, menjalankan pengujian, dan mengembalikan diff untuk Anda tinjau. Ekstensi VS Code membawa alur kerja itu ke Cursor, yang dibangun di atas fondasi VS Code yang sama. Hasilnya adalah dua sistem AI terpisah dalam satu jendela, masing-masing dengan konteks, penagihan, dan cara kerja sendiri. Apakah itu berguna tergantung pada apa yang Anda bangun.

Sebelum lanjut: "Claude Code di Cursor" saat ini dapat berarti dua hal berbeda. Ada ekstensi Claude Code (yang dibahas artikel ini), dan ada opsi memilih model Claude melalui pemilih model bawaan Cursor (produk yang sepenuhnya terpisah yang hanya menggunakan Claude sebagai backend). Saya akan kembali pada pembedaan itu di bagiannya sendiri. Jika yang Anda inginkan adalah perbandingan langsung keduanya sebagai produk mandiri, kami memiliki artikel Claude Code vs. Cursor terpisah untuk itu.

Apa Itu Claude Code di Cursor?

Claude Code adalah alat pengodean agensik dari Anthropic. Ia membaca basis kode, mengedit file, menjalankan perintah terminal, mengelola alur kerja git, dan tersambung ke layanan eksternal melalui MCP (Model Context Protocol). Tersedia sebagai CLI, ekstensi VS Code, aplikasi desktop, dan di web.

Cursor dibangun di lingkungan turunan VS Code, dan ekstensi VS Code Claude Code didukung resmi untuknya. Dokumentasi Anthropic mencantumkan "Install for Cursor" sebagai jalur pemasangan langsung, terpisah dari pemasangan VS Code standar. Ini bukan solusi komunitas.

Dua alur kerja AI dalam satu editor. Gambar oleh Penulis.

Inilah yang sering membingungkan: ketika seseorang mengatakan "Claude Code di Cursor," mereka bisa saja berarti menjalankan ekstensi atau CLI milik Claude Code di dalam Cursor, yang memberi Anda alur kerja agensik penuh Anthropic dengan panel, model perizinan, dan riwayat sesi sendiri. Atau mereka bisa berarti menggunakan model Claude sebagai backend untuk AI bawaan Cursor. Keduanya terkait, tetapi bukan produk yang sama, dan perilakunya pun berbeda.

Claude Code vs. Model Claude di Cursor

Berikut penjelasan masing-masingnya.

Model Claude di Cursor

Cursor memiliki pemilih model yang memungkinkan Anda memilih antara Claude Sonnet, Claude Opus, GPT, Gemini, dan lainnya. Dalam mode "auto", Cursor memilih model secara otomatis. Saat Anda menggunakan Claude Sonnet di chat atau mode agen Cursor, Anda menggunakan produk Cursor: UX, penagihan, dan manajemen konteksnya. Modelnya Claude, namun pengalamannya milik Cursor.

Claude Code di Cursor

Memasang ekstensi Claude Code di Cursor memberi Anda panel sendiri, jendela konteks sendiri, dan penagihan yang terikat pada langganan Anthropic atau kunci API Anda. Keduanya dapat berjalan di jendela editor yang sama, tetapi tidak berbagi konteks. Claude Code tidak mengetahui apa yang dilakukan agen bawaan Cursor.

Memilih "Claude Sonnet" di pemilih model Cursor bukanlah hal yang sama dengan memasang Claude Code. Jika Anda menginginkan alur kerja rencana-dan-eksekusi dan memori proyek CLAUDE.md, Anda memerlukan ekstensi atau CLI. Ungkapan dari komunitas pengembang merangkum perbedaannya dengan baik: "Cursor adalah IDE dengan fitur AI. Claude Code adalah agen AI dengan akses IDE."

Cara Menyiapkan Claude Code di Cursor

Menyiapkan Claude Code di Cursor adalah memilih satu dari tiga jalur, dan mana yang masuk akal tergantung situasi Anda.

Sebelum apa pun: Claude Code memerlukan paket berbayar Anthropic. Paket gratis di Claude.ai tidak menyertakannya. Minimum adalah paket Pro sebesar $20 per bulan. Anda juga memerlukan Cursor yang berjalan pada versi mesin VS Code 1.98.0 atau lebih tinggi.

Ketiga jalurnya adalah:

• Jalur 1: Ekstensi VS Code (resmi, direkomendasikan untuk sebagian besar pengembang)
• Jalur 2: Terminal terintegrasi (paling minim hambatan jika Claude Code sudah terpasang)
• Jalur 3: Server MCP (lanjutan, untuk lingkungan tim atau setelan multi-alat)

Jika Claude Code sudah terpasang di mesin Anda, lompat ke Jalur 2.

Jalur 1: Ekstensi VS Code (direkomendasikan)

Buka panel Extensions di Cursor dengan Cmd+Shift+X di Mac atau Ctrl+Shift+X di Windows dan Linux. Cari "Claude Code" dan pasang ekstensi yang diterbitkan oleh Anthropic. ID ekstensi adalah anthropic.claude-code.

Mencari Claude Code di Cursor. Gambar oleh Penulis.

Satu hal yang perlu diketahui di awal: ekstensi kadang tidak muncul di pencarian marketplace Cursor. Ini cukup sering terjadi sehingga sebaiknya Anda bersiap dulu. Jika tidak muncul, dokumentasi VS Code milik Anthropic memiliki tombol "Install for Cursor" yang memicu URI cursor:extension/anthropic.claude-code secara langsung. Jika itu juga gagal, halaman yang sama memiliki petunjuk pemasangan VSIX manual.

Setelah terpasang, ikon Spark akan muncul di bilah alat editor saat Anda membuka file, bukan hanya folder. Ikon juga muncul di Activity Bar pada bilah sisi kiri dan Status Bar di kanan bawah, keduanya terlihat tanpa membuka file. Klik salah satunya, lalu klik Sign in pada sesi pertama Anda untuk autentikasi melalui browser.

Beberapa hal yang perlu dicek jika ada yang terasa tidak beres:

• Jika ikon tidak muncul setelah pemasangan, jalankan "Developer: Reload Window" dari Command Palette

• Jika Anda memiliki ANTHROPIC_API_KEY di shell namun masih melihat prompt sign in, luncurkan Cursor dari terminal dengan cursor . agar mewarisi environment Anda

Jalur 2: Terminal terintegrasi (paling minim hambatan)

Jika Claude Code sudah terpasang di mesin Anda, lewati ekstensi sepenuhnya. Buka terminal terintegrasi Cursor dengan `Ctrl+`` lalu ketik claude`. Claude Code menjalankan sesi interaktif di terminal sementara editor Anda tetap terbuka di sampingnya. Ini sepenuhnya menghindari masalah kompatibilitas ekstensi.

Jika Claude Code belum terpasang, pemasang native adalah metode yang direkomendasikan. Bersifat mandiri, tidak memerlukan Node.js, dan memperbarui otomatis di latar belakang:

# macOS, Linux, or WSL
curl -fsSL https://claude.ai/install.sh | bash

# Windows PowerShell (requires Git for Windows)
irm https://claude.ai/install.ps1 | iex

Metode npm (npm install -g @anthropic-ai/claude-code) masih berfungsi tetapi kini bersifat legacy.

Jalur 3: Server MCP (lanjutan)

Jika Anda menyiapkan untuk penggunaan pribadi, lewati bagian ini.

Untuk tim yang membangun lingkungan MCP multi-alat, Anda dapat menjalankan Claude Code sebagai server MCP lokal dan menyambungkannya melalui pengaturan MCP Cursor dengan menambahkan ini ke mcp.json Anda:

{
  "mcpServers": {
    "claude-code": {
      "type": "stdio",
      "command": "claude",
      "args": ["--mcp"]
    }
  }
}

Ini mengekspos alat Claude Code bersama server MCP lain yang telah Anda konfigurasikan. Berfungsi dengan Cursor. Sebagian besar pengembang individu tidak akan membutuhkannya.

Apa yang Dapat Anda Lakukan dengan Claude Code di Cursor

Claude Code menangani rentang tugas yang lebih luas daripada yang kebanyakan orang harapkan dari alat berbasis chat. Berikut yang Anda dapatkan di dalam Cursor:

• Menjelaskan kode yang asing atau legacy dengan membaca file terkait secara langsung
• Merencanakan dan mengimplementasikan fitur lintas banyak file, dengan langkah tinjauan sebelum ada perubahan
• Debug dari pesan error atau stack trace, menelusuri masalah kembali ke basis kode
• Menghasilkan pengujian, menjalankannya, dan memperbaiki kegagalan hingga lolos
• Men-stage perubahan, menulis pesan commit, membuat branch, dan membuka pull request

Sintaks penyebutan @ layak diketahui. Ketik @ diikuti nama file atau folder untuk menariknya ke konteks. Claude Code mendukung fuzzy matching, jadi nama parsial berfungsi. Jika Anda memilih kode di editor, Claude otomatis melihatnya.