Claude Code bekerja dengan baik dengan Integrated Development Environment (IDE) apa pun yang memiliki terminal. Cukup jalankan claude, dan Anda siap untuk memulai. Selain itu, Claude Code menyediakan integrasi khusus untuk IDE populer, yang menyediakan fitur seperti tampilan diff interaktif, berbagi konteks seleksi, dan lainnya. Integrasi ini saat ini tersedia untuk:
  • Visual Studio Code (termasuk fork populer seperti Cursor, Windsurf, dan VSCodium)
  • JetBrains IDEs (termasuk IntelliJ, PyCharm, Android Studio, WebStorm, PhpStorm 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 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

Untuk menginstal Claude Code di VS Code dan fork populer seperti Cursor, Windsurf, dan VSCodium:
  1. Buka VS Code
  2. Buka terminal terintegrasi
  3. Jalankan claude - ekstensi akan terinstal otomatis

​
Penggunaan

​
Dari IDE Anda

Jalankan claude dari terminal terintegrasi IDE Anda, dan semua fitur akan aktif.

​
Dari terminal eksternal

Gunakan perintah /ide di terminal eksternal mana pun untuk menghubungkan Claude Code ke IDE Anda dan mengaktifkan semua fitur. Jika Anda ingin Claude memiliki akses ke file yang sama dengan IDE Anda, mulai Claude Code dari direktori yang sama dengan root proyek IDE Anda.

​
Konfigurasi

Integrasi IDE bekerja dengan sistem konfigurasi Claude Code:
  1. Jalankan claude
  2. Masukkan perintah /config
  3. Sesuaikan preferensi Anda. Mengatur alat diff ke auto akan mengaktifkan deteksi IDE otomatis

​
Pengaturan plugin JetBrains

Anda dapat mengonfigurasi pengaturan plugin Claude Code dengan pergi ke Settings → Tools → Claude Code [Beta]. Berikut adalah pengaturan yang tersedia:

​
Pengaturan Umum

  • Perintah Claude: Tentukan perintah kustom untuk menjalankan Claude (misalnya, claude, /usr/local/bin/claude, atau npx @anthropic/claude) ketika mengklik ikon Claude
  • Tekan notifikasi untuk perintah Claude tidak ditemukan: Lewati notifikasi tentang tidak menemukan perintah Claude
  • Aktifkan menggunakan Option+Enter untuk prompt multi-baris (khusus macOS): Ketika diaktifkan, Option+Enter menyisipkan baris baru dalam prompt Claude Code. Nonaktifkan ini jika Anda mengalami masalah dengan tombol Option yang tertangkap secara tidak terduga (memerlukan restart terminal)
  • Aktifkan pembaruan otomatis: Secara otomatis periksa dan instal pembaruan plugin (diterapkan saat restart)
Untuk pengguna WSL: Anda mungkin merasa berguna untuk mengatur wsl -d Ubuntu -- bash -lic "claude" sebagai perintah Claude Anda (ganti Ubuntu dengan nama distribusi WSL Anda)

​
Konfigurasi tombol ESC

Jika tombol ESC tidak menghentikan operasi Claude Code di terminal JetBrains:
  1. Pergi ke Settings → Tools → Terminal
  2. Salah satu:
    • Hapus centang “Move focus to the editor with Escape”, atau
    • Klik “Configure terminal keybindings” dan hapus shortcut “Switch focus to Editor”
  3. Terapkan perubahan
Ini memungkinkan tombol ESC untuk menghentikan operasi Claude Code dengan benar.

​
Troubleshooting

​
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
    • Untuk VSCodium: perintah codium 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
Jika Anda menggunakan WSL atau WSL2 dan IDE tidak terdeteksi, lihat panduan troubleshooting WSL2 kami untuk konfigurasi jaringan dan pengaturan firewall.
Untuk bantuan tambahan, rujuk ke panduan troubleshooting kami.

​
Keamanan

Ketika Claude Code berjalan di IDE dengan izin auto-edit diaktifkan, ia mungkin dapat memodifikasi file konfigurasi IDE yang dapat dieksekusi secara otomatis oleh IDE Anda. Ini dapat meningkatkan risiko menjalankan Claude Code dalam mode auto-edit dan memungkinkan melewati prompt izin Claude Code untuk eksekusi bash. Ketika berjalan di IDE, pertimbangkan untuk mengaktifkan fitur keamanan IDE (seperti VS Code Restricted Mode), menggunakan mode persetujuan manual untuk edit, atau berhati-hati ekstra untuk memastikan Claude hanya digunakan dengan prompt yang terpercaya.