Tambahkan Claude Code ke IDE Anda
Pelajari cara menambahkan Claude Code ke IDE favorit Anda
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) atauCtrl+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) atauAlt+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
- Buka VSCode
- Buka terminal terintegrasi
- 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:
- Hubungkan Claude Code ke IDE Anda dengan menjalankan
claude
di terminal bawaan - Jalankan perintah
/config
- Atur diff tool ke
auto
untuk deteksi IDE otomatis - 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) atauCtrl+Shift+P
(Windows/Linux) dan cari “Shell Command: Install ‘code’ command in PATH” (atau yang setara untuk IDE Anda)
- Untuk VS Code: perintah
- 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.