Gunakan Claude Code di VS Code

Instal dan konfigurasi ekstensi Claude Code untuk VS Code. Dapatkan bantuan pengkodean AI dengan diff inline, @-mentions, review rencana, dan pintasan keyboard.

Ekstensi VS Code menyediakan antarmuka grafis asli untuk Claude Code, terintegrasi langsung ke dalam IDE Anda. Ini adalah cara yang direkomendasikan untuk menggunakan Claude Code di VS Code.

Dengan ekstensi, Anda dapat meninjau dan mengedit rencana Claude sebelum menerimanya, auto-accept edits saat dibuat, @-mention file dengan rentang baris tertentu dari pilihan Anda, mengakses riwayat percakapan, dan membuka beberapa percakapan di tab atau jendela terpisah.

Prasyarat

Sebelum menginstal, pastikan Anda memiliki:

• VS Code 1.98.0 atau lebih tinggi
• Akun Anthropic (Anda akan masuk saat pertama kali membuka ekstensi). Jika Anda menggunakan penyedia pihak ketiga seperti Amazon Bedrock atau Google Vertex AI, lihat Gunakan penyedia pihak ketiga sebagai gantinya.

Instal ekstensi

Klik tautan untuk IDE Anda untuk menginstal secara langsung:

• Instal untuk VS Code
• Instal untuk Cursor

Atau di VS Code, tekan Cmd+Shift+X (Mac) atau Ctrl+Shift+X (Windows/Linux) untuk membuka tampilan Extensions, cari "Claude Code", dan klik Install.

Ekstensi juga dapat diinstal di fork VS Code lainnya seperti Windsurf atau Kiro. Cari "Claude Code" di tampilan Extensions editor Anda, atau instal dari registri Open VSX. Jika editor Anda tidak dapat menginstal ekstensi, jalankan claude di terminal terintegrasi-nya. CLI berfungsi di terminal apa pun.

Memulai

Setelah diinstal, Anda dapat mulai menggunakan Claude Code melalui antarmuka VS Code:

1

Buka panel Claude Code

Di seluruh VS Code, ikon Spark menunjukkan Claude Code: <img src="https://mintcdn.com/claude-code/c5r9_6tjPMzFdDDT/images/vs-code-spark-icon.svg?fit=max&auto=format&n=c5r9_6tjPMzFdDDT&q=85&s=3ca45e00deadec8c8f4b4f807da94505" alt="Spark icon" style={{display: "inline", height: "0.85em", verticalAlign: "middle"}} width="16" height="16" data-path="images/vs-code-spark-icon.svg" />

Cara tercepat untuk membuka Claude adalah dengan mengklik ikon Spark di Editor Toolbar (sudut kanan atas editor). Ikon hanya muncul saat Anda memiliki file terbuka.

Cara lain untuk membuka Claude Code:

• Activity Bar: klik ikon Spark di sidebar kiri untuk membuka daftar sesi. Klik sesi apa pun untuk membukanya sebagai tab editor penuh, atau mulai yang baru. Ikon ini selalu terlihat di Activity Bar.
• Command Palette: Cmd+Shift+P (Mac) atau Ctrl+Shift+P (Windows/Linux), ketik "Claude Code", dan pilih opsi seperti "Open in New Tab"
• Status Bar: klik ✱ Claude Code di sudut kanan bawah jendela. Ini berfungsi bahkan saat tidak ada file yang terbuka.

Anda dapat menyeret panel Claude untuk memposisikan ulang di mana saja di VS Code. Lihat Sesuaikan alur kerja Anda untuk detail.

2

Masuk

Saat pertama kali Anda membuka panel, layar masuk muncul. Klik Sign in dan selesaikan otorisasi di browser Anda.

Jika Anda melihat Not logged in · Please run /login nanti, ekstensi membuka kembali layar masuk secara otomatis. Jika tidak muncul, muat ulang jendela dari Command Palette dengan Developer: Reload Window.

Jika Anda memiliki ANTHROPIC_API_KEY yang diatur di shell Anda tetapi masih melihat prompt masuk, VS Code mungkin tidak mewarisi lingkungan shell Anda. Luncurkan VS Code dari terminal dengan code . sehingga mewarisi variabel lingkungan Anda, atau masuk dengan akun Claude Anda sebagai gantinya.

Setelah Anda masuk, daftar periksa Learn Claude Code muncul. Kerjakan setiap item dengan mengklik Show me, atau tutup dengan X. Untuk membukanya kembali nanti, hapus centang Hide Onboarding di pengaturan VS Code di bawah Extensions → Claude Code.

3

Kirim prompt

Minta Claude untuk membantu dengan kode atau file Anda, baik itu menjelaskan cara kerja sesuatu, men-debug masalah, atau membuat perubahan.

Berikut adalah contoh menanyakan tentang baris tertentu dalam file:

4

Tinjau perubahan

Saat Claude ingin mengedit file, ia menampilkan perbandingan berdampingan dari perubahan asli dan yang diusulkan, kemudian meminta izin. Anda dapat menerima, menolak, atau memberi tahu Claude apa yang harus dilakukan sebagai gantinya. Jika Anda mengedit konten yang diusulkan secara langsung di tampilan diff sebelum menerima, Claude diberitahu bahwa Anda memodifikasinya sehingga tidak menganggap file cocok dengan proposal aslinya.

Untuk lebih banyak ide tentang apa yang dapat Anda lakukan dengan Claude Code, lihat Alur kerja umum.

Gunakan kotak prompt

Kotak prompt mendukung beberapa fitur:

• Mode izin: klik indikator mode di bagian bawah kotak prompt untuk beralih mode. Dalam mode normal, Claude meminta izin sebelum setiap tindakan. Dalam Plan mode, Claude menjelaskan apa yang akan dilakukan dan menunggu persetujuan sebelum membuat perubahan. VS Code secara otomatis membuka rencana sebagai dokumen markdown penuh di mana Anda dapat menambahkan komentar inline untuk memberikan umpan balik sebelum Claude mulai. Dalam mode auto-accept, Claude membuat edit tanpa bertanya. Atur default di pengaturan VS Code di bawah claudeCode.initialPermissionMode.
• Menu perintah: klik / atau ketik / untuk membuka menu perintah. Opsi termasuk melampirkan file, beralih model, mengalihkan extended thinking, melihat penggunaan rencana (/usage), dan memulai sesi Remote Control (/remote-control). Bagian Customize menyediakan akses ke MCP servers, hooks, memory, permissions, dan plugins. Item dengan ikon terminal terbuka di terminal terintegrasi.
• Indikator konteks: kotak prompt menunjukkan berapa banyak context window Claude yang Anda gunakan. Claude secara otomatis melakukan compact saat diperlukan, atau Anda dapat menjalankan /compact secara manual.
• Extended thinking: memungkinkan Claude menghabiskan lebih banyak waktu untuk bernalar melalui masalah kompleks. Alihkan melalui menu perintah (/). Penalaran Claude muncul dalam percakapan sebagai blok yang dilipat: klik blok untuk membacanya, atau tekan Ctrl+O untuk memperluas atau melipat setiap blok thinking dalam sesi. Lihat Extended thinking untuk detail.
• Input multi-baris: tekan Shift+Enter untuk menambahkan baris baru tanpa mengirim. Ini juga berfungsi di input teks bebas "Other" dari dialog pertanyaan.

Referensikan file dan folder

Gunakan @-mentions untuk memberikan Claude konteks tentang file atau folder tertentu. Saat Anda mengetik @ diikuti dengan nama file atau folder, Claude membaca konten tersebut dan dapat menjawab pertanyaan tentangnya atau membuat perubahan padanya. Claude Code mendukung fuzzy matching, jadi Anda dapat mengetik nama parsial untuk menemukan apa yang Anda butuhkan:

> Explain the logic in @auth (fuzzy matches auth.js, AuthService.ts, etc.)
> What's in @src/components/ (include a trailing slash for folders)

Untuk PDF besar, Anda dapat meminta Claude membaca halaman tertentu alih-alih seluruh file: satu halaman, rentang seperti halaman 1-10, atau rentang terbuka seperti halaman 3 ke depan.

Saat Anda memilih teks di editor, Claude dapat melihat kode yang disorot secara otomatis. Footer kotak prompt menunjukkan berapa banyak baris yang dipilih. Tekan Option+K (Mac) / Alt+K (Windows/Linux) untuk menyisipkan @-mention dengan jalur file dan nomor baris (misalnya, @app.ts#5-10). Klik indikator pilihan untuk mengalihkan apakah Claude dapat melihat teks yang disorot Anda - ikon eye-slash berarti pilihan tersembunyi dari Claude.

Anda juga dapat menahan Shift sambil menyeret file ke kotak prompt untuk menambahkannya sebagai lampiran. Klik X pada lampiran apa pun untuk menghapusnya dari konteks.

Lanjutkan percakapan masa lalu

Klik tombol Session history di bagian atas panel Claude Code untuk mengakses riwayat percakapan Anda. Anda dapat mencari berdasarkan kata kunci atau menelusuri berdasarkan waktu (Today, Yesterday, Last 7 days, dll.). Klik percakapan apa pun untuk melanjutkannya dengan riwayat pesan lengkap. Sesi baru menerima judul yang dihasilkan AI berdasarkan pesan pertama Anda. Arahkan kursor ke sesi untuk mengungkapkan tindakan rename dan remove: rename untuk memberikan judul deskriptif, atau remove untuk menghapusnya dari daftar. Untuk lebih lanjut tentang melanjutkan sesi, lihat Kelola sesi.

Lanjutkan sesi jarak jauh dari Claude.ai

Jika Anda menggunakan Claude Code di web, Anda dapat melanjutkan sesi jarak jauh tersebut langsung di VS Code. Ini memerlukan masuk dengan Claude.ai Subscription, bukan Anthropic Console.

Sesuaikan alur kerja Anda

Setelah Anda siap dan berjalan, Anda dapat memposisikan ulang panel Claude, menjalankan beberapa sesi, atau beralih ke mode terminal.

Pilih di mana Claude berada

Anda dapat menyeret panel Claude untuk memposisikan ulang di mana saja di VS Code. Ambil tab atau title bar panel dan seret ke:

• Secondary sidebar: sisi kanan jendela. Membuat Claude tetap terlihat saat Anda coding.
• Primary sidebar: sidebar kiri dengan ikon untuk Explorer, Search, dll.
• Editor area: membuka Claude sebagai tab bersama file Anda. Berguna untuk tugas sampingan.

Jalankan beberapa percakapan

Gunakan Open in New Tab atau Open in New Window dari Command Palette untuk memulai percakapan tambahan. Setiap percakapan mempertahankan riwayat dan konteksnya sendiri, memungkinkan Anda bekerja pada tugas berbeda secara paralel.

Saat menggunakan tab, titik berwarna kecil pada ikon spark menunjukkan status: biru berarti permintaan izin tertunda, oranye berarti Claude selesai saat tab tersembunyi.

Beralih ke mode terminal

Secara default, ekstensi membuka panel chat grafis. Jika Anda lebih suka antarmuka gaya CLI, buka pengaturan Use Terminal dan centang kotak.

Anda juga dapat membuka pengaturan VS Code (Cmd+, di Mac atau Ctrl+, di Windows/Linux), buka Extensions → Claude Code, dan centang Use Terminal.

Kelola plugins

Ekstensi VS Code mencakup antarmuka grafis untuk menginstal dan mengelola plugins. Ketik /plugins di kotak prompt untuk membuka antarmuka Manage plugins.

Instal plugins

Dialog plugin menampilkan dua tab: Plugins dan Marketplaces.

Di tab Plugins:

• Installed plugins muncul di bagian atas dengan switch toggle untuk mengaktifkan atau menonaktifkannya
• Available plugins dari marketplace yang dikonfigurasi muncul di bawah
• Cari untuk memfilter plugins berdasarkan nama atau deskripsi
• Klik Install pada plugin yang tersedia apa pun

Saat Anda menginstal plugin, pilih cakupan instalasi:

• Install for you: tersedia di semua proyek Anda (user scope)
• Install for this project: dibagikan dengan kolaborator proyek (project scope)
• Install locally: hanya untuk Anda, hanya di repositori ini (local scope)

Kelola marketplaces

Beralih ke tab Marketplaces untuk menambah atau menghapus sumber plugin:

• Masukkan repo GitHub, URL, atau jalur lokal untuk menambahkan marketplace baru
• Klik ikon refresh untuk memperbarui daftar plugin marketplace
• Klik ikon trash untuk menghapus marketplace

Setelah membuat perubahan, banner meminta Anda untuk restart Claude Code untuk menerapkan pembaruan.

Untuk lebih lanjut tentang sistem plugin, lihat Plugins dan Plugin marketplaces.

Otomatisasi tugas browser dengan Chrome

Hubungkan Claude ke browser Chrome Anda untuk menguji aplikasi web, debug dengan console logs, dan otomatisasi alur kerja browser tanpa meninggalkan VS Code. Ini memerlukan ekstensi Claude in Chrome versi 1.0.36 atau lebih tinggi.

Ketik @browser di kotak prompt diikuti dengan apa yang ingin Anda lakukan Claude:

@browser go to localhost:3000 and check the console for errors

Anda juga dapat membuka menu lampiran untuk memilih alat browser tertentu seperti membuka tab baru atau membaca konten halaman.

Claude membuka tab baru untuk tugas browser dan berbagi status login browser Anda, sehingga dapat mengakses situs apa pun yang sudah Anda masuki.

Untuk instruksi setup, daftar lengkap kemampuan, dan troubleshooting, lihat Gunakan Claude Code dengan Chrome.

Perintah dan pintasan VS Code

Buka Command Palette (Cmd+Shift+P di Mac atau Ctrl+Shift+P di Windows/Linux) dan ketik "Claude Code" untuk melihat semua perintah VS Code yang tersedia untuk ekstensi Claude Code.

Beberapa pintasan tergantung pada panel mana yang "focused" (menerima input keyboard). Saat kursor Anda berada di file kode, editor difokuskan. Saat kursor Anda berada di kotak prompt Claude, Claude difokuskan. Gunakan Cmd+Esc / Ctrl+Esc untuk beralih di antara keduanya.

Luncurkan tab VS Code dari alat lain

Ekstensi mendaftarkan URI handler di vscode://anthropic.claude-code/open. Gunakan untuk membuka tab Claude Code baru dari tooling Anda sendiri: alias shell, bookmarklet browser, atau script apa pun yang dapat membuka URL. Jika VS Code belum berjalan, membuka URL meluncurkannya terlebih dahulu. Jika VS Code sudah berjalan, URL terbuka di jendela mana pun yang saat ini difokuskan.

Panggil handler dengan pembuka URL sistem operasi Anda.

open "vscode://anthropic.claude-code/open"

xdg-open "vscode://anthropic.claude-code/open"

Start-Process "vscode://anthropic.claude-code/open"

start "" "vscode://anthropic.claude-code/open"

Handler menerima dua parameter query opsional:

Misalnya, untuk membuka tab yang di-pre-fill dengan "review my changes":

vscode://anthropic.claude-code/open?prompt=review%20my%20changes

Untuk meluncurkan sesi terminal alih-alih tab VS Code, gunakan handler claude-cli:// CLI. Lihat Launch sessions from links.

Konfigurasi pengaturan

Ekstensi memiliki dua jenis pengaturan:

• Extension settings di VS Code: mengontrol perilaku ekstensi dalam VS Code. Buka dengan Cmd+, (Mac) atau Ctrl+, (Windows/Linux), kemudian buka Extensions → Claude Code. Anda juga dapat mengetik / dan memilih General Config untuk membuka pengaturan.
• Claude Code settings di ~/.claude/settings.json: dibagikan antara ekstensi dan CLI. Gunakan untuk perintah yang diizinkan, variabel lingkungan, hooks, dan MCP servers. Lihat Settings untuk detail.

Pengaturan ekstensi

Ekstensi VS Code vs. Claude Code CLI

Claude Code tersedia sebagai ekstensi VS Code (panel grafis) dan CLI (command-line interface di terminal). Beberapa fitur hanya tersedia di CLI. Jika Anda memerlukan fitur khusus CLI, jalankan claude di terminal terintegrasi VS Code.

Rewind dengan checkpoints

Ekstensi VS Code mendukung checkpoints, yang melacak edit file Claude dan memungkinkan Anda untuk rewind ke status sebelumnya. Arahkan kursor ke pesan apa pun untuk mengungkapkan tombol rewind, kemudian pilih dari tiga opsi:

• Fork conversation from here: mulai cabang percakapan baru dari pesan ini sambil menjaga semua perubahan kode tetap utuh
• Rewind code to here: kembalikan perubahan file ke titik ini dalam percakapan sambil menjaga riwayat percakapan lengkap
• Fork conversation and rewind code: mulai cabang percakapan baru dan kembalikan perubahan file ke titik ini

Untuk detail lengkap tentang cara kerja checkpoints dan keterbatasannya, lihat Checkpointing.

Jalankan CLI di VS Code

Untuk menggunakan CLI sambil tetap berada di VS Code, buka terminal terintegrasi (Ctrl+` di Windows/Linux atau Cmd+` di Mac) dan jalankan claude. CLI secara otomatis terintegrasi dengan IDE Anda untuk fitur seperti tampilan diff dan berbagi diagnostik.

Jika menggunakan terminal eksternal, jalankan /ide di dalam Claude Code untuk menghubungkannya ke VS Code.

Beralih antara ekstensi dan CLI

Ekstensi dan CLI berbagi riwayat percakapan yang sama. Untuk melanjutkan percakapan ekstensi di CLI, jalankan claude --resume di terminal. Ini membuka picker interaktif di mana Anda dapat mencari dan memilih percakapan Anda.

Sertakan output terminal dalam prompt

Referensikan output terminal dalam prompt Anda menggunakan @terminal:name di mana name adalah judul terminal. Ini memungkinkan Claude melihat output perintah, pesan kesalahan, atau log tanpa copy-paste.

Pantau proses latar belakang

Saat Claude menjalankan perintah yang berjalan lama, ekstensi menampilkan kemajuan di status bar. Namun, visibilitas untuk tugas latar belakang terbatas dibandingkan dengan CLI. Untuk visibilitas yang lebih baik, minta Claude menampilkan perintah sehingga Anda dapat menjalankannya di terminal terintegrasi VS Code.

Hubungkan ke alat eksternal dengan MCP

MCP (Model Context Protocol) servers memberikan Claude akses ke alat eksternal, database, dan API.

Untuk menambahkan MCP server, buka terminal terintegrasi (Ctrl+` atau Cmd+`) dan jalankan claude mcp add. Contoh di bawah ini menambahkan MCP server jarak jauh GitHub, yang melakukan autentikasi dengan personal access token yang diteruskan sebagai header:

claude mcp add --transport http github https://api.githubcopilot.com/mcp/ \
  --header "Authorization: Bearer YOUR_GITHUB_PAT"

Setelah dikonfigurasi, minta Claude untuk menggunakan alat (misalnya, "Review PR #456").

Untuk mengelola MCP servers tanpa meninggalkan VS Code, ketik /mcp di panel chat. Dialog manajemen MCP memungkinkan Anda mengaktifkan atau menonaktifkan server, reconnect ke server, dan mengelola autentikasi OAuth. Lihat dokumentasi MCP untuk server yang tersedia.

Bekerja dengan git

Claude Code terintegrasi dengan git untuk membantu dengan alur kerja kontrol versi langsung di VS Code. Minta Claude untuk commit perubahan, membuat pull request, atau bekerja di seluruh branch.

Buat commit dan pull request

Claude dapat stage perubahan, menulis pesan commit, dan membuat pull request berdasarkan pekerjaan Anda:

> commit my changes with a descriptive message
> create a pr for this feature
> summarize the changes I've made to the auth module

Saat membuat pull request, Claude menghasilkan deskripsi berdasarkan perubahan kode aktual dan dapat menambahkan konteks tentang pengujian atau keputusan implementasi.

Gunakan git worktrees untuk tugas paralel

Gunakan flag --worktree (-w) untuk memulai Claude di worktree terisolasi dengan file dan branch-nya sendiri:

claude --worktree feature-auth

Setiap worktree mempertahankan status file independen sambil berbagi riwayat git. Ini mencegah instance Claude saling mengganggu saat bekerja pada tugas berbeda. Untuk detail lebih lanjut, lihat Jalankan sesi paralel dengan Git worktrees.

Gunakan penyedia pihak ketiga

Secara default, Claude Code terhubung langsung ke API Anthropic. Jika organisasi Anda menggunakan Amazon Bedrock, Google Vertex AI, atau Microsoft Foundry untuk mengakses Claude, konfigurasi ekstensi untuk menggunakan penyedia Anda sebagai gantinya:

Keamanan dan privasi

Kode Anda tetap pribadi. Claude Code memproses kode Anda untuk memberikan bantuan tetapi tidak menggunakannya untuk melatih model. Untuk detail tentang penanganan data dan cara opt out dari logging, lihat Data and privacy.

Dengan izin auto-edit diaktifkan, Claude Code dapat memodifikasi file konfigurasi VS Code (seperti settings.json atau tasks.json) yang mungkin dijalankan VS Code secara otomatis. Untuk mengurangi risiko saat bekerja dengan kode yang tidak dipercaya:

• Aktifkan VS Code Restricted Mode untuk workspace yang tidak dipercaya
• Gunakan mode persetujuan manual alih-alih auto-accept untuk edit
• Tinjau perubahan dengan hati-hati sebelum menerimanya

Server MCP IDE bawaan

Saat ekstensi aktif, ia menjalankan server MCP lokal yang terhubung oleh CLI secara otomatis. Ini adalah cara CLI membuka diff di viewer diff asli VS Code, membaca pilihan saat ini Anda untuk @-mentions, dan — saat Anda bekerja di notebook Jupyter — meminta VS Code untuk menjalankan sel.

Server bernama ide dan tersembunyi dari /mcp karena tidak ada yang perlu dikonfigurasi. Namun, jika organisasi Anda menggunakan hook PreToolUse untuk allowlist alat MCP, Anda perlu mengetahui bahwa itu ada.

Transport dan autentikasi. Server mengikat ke 127.0.0.1 pada port tinggi acak dan tidak dapat dijangkau dari mesin lain. Setiap aktivasi ekstensi menghasilkan token auth acak segar yang harus disajikan CLI untuk terhubung. Token ditulis ke file kunci di bawah ~/.claude/ide/ dengan izin 0600 di direktori 0700, jadi hanya pengguna yang menjalankan VS Code yang dapat membacanya.

Alat yang diekspos ke model. Server menampilkan selusin alat, tetapi hanya dua yang terlihat oleh model. Sisanya adalah RPC internal yang digunakan CLI untuk UI-nya sendiri — membuka diff, membaca pilihan, menyimpan file — dan disaring sebelum daftar alat mencapai Claude.

Eksekusi Jupyter selalu bertanya terlebih dahulu. mcp__ide__executeCode tidak dapat menjalankan apa pun secara diam-diam. Pada setiap panggilan, kode dimasukkan sebagai sel baru di akhir notebook aktif, VS Code menggulirnya ke tampilan, dan Quick Pick asli meminta Anda untuk Execute atau Cancel. Membatalkan — atau menutup picker dengan Esc — mengembalikan kesalahan ke Claude dan tidak ada yang berjalan. Alat juga menolak dengan tegas saat tidak ada notebook aktif, saat ekstensi Jupyter (ms-toolsai.jupyter) tidak diinstal, atau saat kernel bukan Python.

• Pastikan Anda memiliki versi VS Code yang kompatibel (1.98.0 atau lebih baru)
• Periksa bahwa VS Code memiliki izin untuk menginstal ekstensi
• Coba instal langsung dari VS Code Marketplace

Ikon Spark tidak terlihat

Ikon Spark muncul di Editor Toolbar (kanan atas editor) saat Anda memiliki file terbuka. Jika Anda tidak melihatnya:

1. Buka file: Ikon memerlukan file untuk dibuka. Hanya membuka folder tidak cukup.
2. Periksa versi VS Code: Memerlukan 1.98.0 atau lebih tinggi (Help → About)
3. Restart VS Code: Jalankan "Developer: Reload Window" dari Command Palette
4. Nonaktifkan ekstensi yang bertentangan: Sementara nonaktifkan ekstensi AI lainnya (Cline, Continue, dll.)
5. Periksa kepercayaan workspace: Ekstensi tidak berfungsi dalam Restricted Mode

Alternatifnya, klik "✱ Claude Code" di Status Bar (sudut kanan bawah). Ini berfungsi bahkan tanpa file terbuka. Anda juga dapat menggunakan Command Palette (Cmd+Shift+P / Ctrl+Shift+P) dan ketik "Claude Code".

Cmd+Esc tidak melakukan apa pun di macOS

Di macOS Tahoe dan yang lebih baru, pintasan Game Overlay sistem terikat ke Cmd+Esc secara default dan mengintersepsi penekanan tombol sebelum mencapai VS Code. Untuk membebaskan pintasan:

1. Buka System Settings
2. Buka Keyboard, kemudian Keyboard Shortcuts, kemudian Game Controllers
3. Hapus centang Game Overlay

Alternatifnya, ikat ulang ekstensi ke tombol yang berbeda: buka editor Keyboard Shortcuts VS Code (Cmd+K Cmd+S), cari Claude Code: Focus input, dan tetapkan pengikatan baru.

Claude Code tidak pernah merespons

Jika Claude Code tidak merespons prompt Anda:

1. Periksa koneksi internet Anda: Pastikan Anda memiliki koneksi internet yang stabil
2. Mulai percakapan baru: Coba mulai percakapan segar untuk melihat apakah masalah berlanjut
3. Coba CLI: Jalankan claude dari terminal untuk melihat apakah Anda mendapatkan pesan kesalahan yang lebih detail

Jika masalah berlanjut, file an issue on GitHub dengan detail tentang kesalahan.

Uninstal ekstensi

Untuk menguninstal ekstensi Claude Code:

1. Buka tampilan Extensions (Cmd+Shift+X di Mac atau Ctrl+Shift+X di Windows/Linux)
2. Cari "Claude Code"
3. Klik Uninstall

Untuk juga menghapus data ekstensi dan reset semua pengaturan:

rm -rf ~/.vscode/globalStorage/anthropic.claude-code

Untuk bantuan tambahan, lihat panduan troubleshooting.

Langkah berikutnya

Sekarang Anda telah menyiapkan Claude Code di VS Code:

• Jelajahi alur kerja umum untuk mendapatkan hasil maksimal dari Claude Code
• Siapkan MCP servers untuk memperluas kemampuan Claude dengan alat eksternal. Tambahkan server menggunakan CLI, kemudian kelola dengan /mcp di panel chat.
• Konfigurasi pengaturan Claude Code untuk menyesuaikan perintah yang diizinkan, hooks, dan lainnya. Pengaturan ini dibagikan antara ekstensi dan CLI.