Claude Code terintegrasi dengan mulus dengan Integrated Development Environments (IDE) populer untuk meningkatkan alur kerja coding Anda. Integrasi ini memungkinkan Anda memanfaatkan kemampuan Claude secara langsung dalam lingkungan pengembangan yang Anda sukai.

IDE yang Didukung

Claude Code saat ini mendukung dua keluarga IDE utama:

  • Visual Studio Code (termasuk fork populer seperti Cursor dan Windsurf)
  • JetBrains IDEs (termasuk PyCharm, WebStorm, IntelliJ, dan GoLand)

Fitur

  • Peluncuran cepat: Gunakan Cmd+Esc (Mac) atau Ctrl+Esc (Windows/Linux) untuk membuka Claude Code langsung dari editor Anda, atau klik tombol Claude Code di UI
  • Tampilan diff: Perubahan kode dapat ditampilkan langsung di penampil diff IDE alih-alih di terminal. Anda dapat mengonfigurasi ini di /config
  • Konteks seleksi: Seleksi/tab saat ini di IDE secara otomatis dibagikan dengan Claude Code
  • Pintasan referensi file: Gunakan Cmd+Option+K (Mac) atau Alt+Ctrl+K (Linux/Windows) untuk menyisipkan referensi file (misalnya, @File#L1-99)
  • Berbagi diagnostik: Error diagnostik (lint, sintaks, dll.) dari IDE secara otomatis dibagikan dengan Claude saat Anda bekerja

Instalasi

VS Code

  1. Buka VSCode
  2. Buka terminal terintegrasi
  3. Jalankan claude - ekstensi akan otomatis terinstal

Ke depannya Anda juga dapat menggunakan perintah /ide di terminal eksternal mana pun untuk terhubung ke IDE.

Instruksi instalasi ini juga berlaku untuk fork VS Code seperti Cursor dan Windsurf.

JetBrains IDEs

Instal plugin Claude Code dari marketplace dan restart IDE Anda.

Plugin mungkin juga otomatis terinstal ketika Anda menjalankan claude di terminal terintegrasi. IDE harus direstart sepenuhnya agar efektif.

Keterbatasan Remote Development: Saat menggunakan JetBrains Remote Development, Anda harus menginstal plugin di host remote melalui Settings > Plugin (Host).

Konfigurasi

Kedua integrasi bekerja dengan sistem konfigurasi Claude Code. Untuk mengaktifkan fitur khusus IDE:

  1. Hubungkan Claude Code ke IDE Anda dengan menjalankan claude di terminal bawaan
  2. Jalankan perintah /config
  3. Atur diff tool ke auto untuk deteksi IDE otomatis
  4. Claude Code akan secara otomatis menggunakan penampil yang sesuai berdasarkan IDE Anda

Jika Anda menggunakan terminal eksternal (bukan terminal bawaan IDE), Anda masih dapat terhubung ke IDE Anda dengan menggunakan perintah /ide setelah meluncurkan Claude Code. Ini memungkinkan Anda mendapatkan manfaat dari fitur integrasi IDE bahkan saat menjalankan Claude dari aplikasi terminal terpisah. Ini berfungsi untuk VS Code dan JetBrains IDEs.

Saat menggunakan terminal eksternal, untuk memastikan Claude memiliki akses default ke file yang sama dengan IDE Anda, mulai Claude dari direktori yang sama dengan root proyek IDE Anda.

Pemecahan Masalah

Ekstensi VS Code tidak terinstal

  • Pastikan Anda menjalankan Claude Code dari terminal terintegrasi VS Code
  • Pastikan bahwa CLI yang sesuai dengan IDE Anda terinstal:
    • Untuk VS Code: perintah code harus tersedia
    • Untuk Cursor: perintah cursor harus tersedia
    • Untuk Windsurf: perintah windsurf harus tersedia
    • Jika tidak terinstal, gunakan Cmd+Shift+P (Mac) atau Ctrl+Shift+P (Windows/Linux) dan cari “Shell Command: Install ‘code’ command in PATH” (atau yang setara untuk IDE Anda)
  • Periksa bahwa VS Code memiliki izin untuk menginstal ekstensi

Plugin JetBrains tidak berfungsi

  • Pastikan Anda menjalankan Claude Code dari direktori root proyek
  • Periksa bahwa plugin JetBrains diaktifkan di pengaturan IDE
  • Restart IDE sepenuhnya. Anda mungkin perlu melakukan ini beberapa kali
  • Untuk JetBrains Remote Development, pastikan bahwa plugin Claude Code terinstal di host remote dan bukan secara lokal di klien

Untuk bantuan tambahan, lihat panduan pemecahan masalah kami atau hubungi dukungan.