Gunakan Claude Code di VS Code

Editor VS Code dengan panel ekstensi Claude Code terbuka di sisi kanan, menampilkan percakapan dengan Claude

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.

Ekstensi mencakup CLI (command-line interface), yang dapat Anda akses dari terminal terintegrasi VS Code untuk fitur lanjutan. Lihat Ekstensi VS Code vs. Claude Code CLI untuk detail.

Instal ekstensi

Klik tautan untuk IDE Anda untuk menginstal secara langsung:

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.

Jika ekstensi tidak muncul setelah instalasi, restart VS Code atau jalankan “Developer: Reload Window” dari Command Palette.

Memulai

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

Buka panel Claude Code

Di seluruh VS Code, ikon Spark menunjukkan Claude Code:

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.

Saat Anda pertama kali membuka panel, 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.Anda dapat menyeret panel Claude untuk memposisikan ulang di mana saja di VS Code. Lihat Sesuaikan alur kerja Anda untuk detail.

Kirim prompt

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

Claude secara otomatis melihat teks pilihan Anda. Tekan Option+K (Mac) / Alt+K (Windows/Linux) untuk juga menyisipkan referensi @-mention (seperti @file.ts#5-10) ke dalam prompt Anda.

Berikut adalah contoh menanyakan tentang baris tertentu dalam file:

Editor VS Code dengan baris 2-3 dipilih dalam file Python, dan panel Claude Code menampilkan pertanyaan tentang baris tersebut dengan referensi @-mention

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.

VS Code menampilkan diff dari perubahan yang diusulkan Claude dengan prompt izin menanyakan apakah akan membuat edit

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

Jalankan “Claude Code: Open Walkthrough” dari Command Palette untuk tur terpandu tentang dasar-dasarnya.

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 (/). 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 dropdown 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 Alur kerja umum.

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.

Buka Percakapan Masa Lalu

Klik dropdown Past Conversations di bagian atas panel Claude Code.

Pilih tab Remote

Dialog menampilkan dua tab: Local dan Remote. Klik Remote untuk melihat sesi dari claude.ai.

Pilih sesi untuk dilanjutkan

Telusuri atau cari sesi jarak jauh Anda. Klik sesi apa pun untuk mengunduhnya dan melanjutkan percakapan secara lokal.

Hanya sesi web yang dimulai dengan repositori GitHub yang muncul di tab Remote. Melanjutkan memuat riwayat percakapan secara lokal; perubahan tidak disinkronkan kembali ke claude.ai.

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.

Gunakan sidebar untuk sesi Claude utama Anda dan buka tab tambahan untuk tugas sampingan. Claude mengingat lokasi pilihan Anda. Ikon daftar sesi Activity Bar terpisah dari panel Claude: daftar sesi selalu terlihat di Activity Bar, sementara ikon panel Claude hanya muncul di sana saat panel ditambatkan ke sidebar kiri.

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.

Manajemen plugin di VS Code menggunakan perintah CLI yang sama di balik layar. Plugins dan marketplaces yang Anda konfigurasi di ekstensi juga tersedia di CLI, dan sebaliknya.

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.

Ini adalah perintah VS Code untuk mengontrol ekstensi. Tidak semua perintah Claude Code bawaan tersedia di ekstensi. Lihat Ekstensi VS Code vs. Claude Code CLI untuk detail.

Perintah	Pintasan	Deskripsi
Focus Input	`Cmd+Esc` (Mac) / `Ctrl+Esc` (Windows/Linux)	Alihkan fokus antara editor dan Claude
Open in Side Bar	-	Buka Claude di sidebar kiri
Open in Terminal	-	Buka Claude dalam mode terminal
Open in New Tab	`Cmd+Shift+Esc` (Mac) / `Ctrl+Shift+Esc` (Windows/Linux)	Buka percakapan baru sebagai tab editor
Open in New Window	-	Buka percakapan baru di jendela terpisah
New Conversation	`Cmd+N` (Mac) / `Ctrl+N` (Windows/Linux)	Mulai percakapan baru (memerlukan Claude difokuskan)
Insert @-Mention Reference	`Option+K` (Mac) / `Alt+K` (Windows/Linux)	Sisipkan referensi ke file saat ini dan pilihan (memerlukan editor difokuskan)
Show Logs	-	Lihat log debug ekstensi
Logout	-	Keluar dari akun Anthropic Anda

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. Di macOS:

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

Gunakan xdg-open di Linux atau start di Windows. Handler menerima dua parameter query opsional:

Parameter	Deskripsi
`prompt`	Teks untuk pre-fill di kotak prompt. Harus URL-encoded. Prompt di-pre-fill tetapi tidak dikirim secara otomatis.
`session`	ID sesi untuk dilanjutkan alih-alih memulai percakapan baru. Sesi harus milik workspace yang saat ini terbuka di VS Code. Jika sesi tidak ditemukan, percakapan segar dimulai sebagai gantinya. Jika sesi sudah terbuka di tab, tab tersebut difokuskan. Untuk menangkap ID sesi secara terprogram, lihat Continue conversations.

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

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

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.

Tambahkan "$schema": "https://json.schemastore.org/claude-code-settings.json" ke settings.json Anda untuk mendapatkan autocomplete dan validasi inline untuk semua pengaturan yang tersedia langsung di VS Code.

Pengaturan ekstensi

Pengaturan	Default	Deskripsi
`selectedModel`	`default`	Model untuk percakapan baru. Ubah per-sesi dengan `/model`.
`useTerminal`	`false`	Luncurkan Claude dalam mode terminal alih-alih panel grafis
`initialPermissionMode`	`default`	Mengontrol prompt persetujuan untuk percakapan baru: `default`, `plan`, `acceptEdits`, `auto`, atau `bypassPermissions`. Lihat permission modes.
`preferredLocation`	`panel`	Di mana Claude terbuka: `sidebar` (kanan) atau `panel` (tab baru)
`autosave`	`true`	Auto-save file sebelum Claude membaca atau menulisnya
`useCtrlEnterToSend`	`false`	Gunakan Ctrl/Cmd+Enter alih-alih Enter untuk mengirim prompt
`enableNewConversationShortcut`	`true`	Aktifkan Cmd/Ctrl+N untuk memulai percakapan baru
`hideOnboarding`	`false`	Sembunyikan daftar periksa onboarding (ikon graduation cap)
`respectGitIgnore`	`true`	Kecualikan pola .gitignore dari pencarian file
`environmentVariables`	`[]`	Atur variabel lingkungan untuk proses Claude. Gunakan pengaturan Claude Code sebagai gantinya untuk konfigurasi bersama.
`disableLoginPrompt`	`false`	Lewati prompt autentikasi (untuk setup penyedia pihak ketiga)
`allowDangerouslySkipPermissions`	`false`	Menambahkan Auto dan Bypass permissions ke pemilih mode. Auto memerlukan paket Team dan Claude Sonnet 4.6 atau Opus 4.6, jadi opsi mungkin tetap tidak tersedia bahkan dengan toggle ini aktif. Gunakan Bypass permissions hanya di sandbox tanpa akses internet.
`claudeProcessWrapper`	-	Jalur executable yang digunakan untuk meluncurkan proses Claude

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.

Fitur	CLI	Ekstensi VS Code
Perintah dan skills	Semua	Subset (ketik `/` untuk melihat yang tersedia)
Konfigurasi MCP server	Ya	Parsial (tambahkan server melalui CLI; kelola server yang ada dengan `/mcp` di panel chat)
Checkpoints	Ya	Ya
Pintasan bash `!`	Ya	Tidak
Tab completion	Ya	Tidak

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 --transport http github https://api.githubcopilot.com/mcp/

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 Claude 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:

Nonaktifkan prompt login

Buka pengaturan Disable Login Prompt dan centang kotak.Anda juga dapat membuka pengaturan VS Code (Cmd+, di Mac atau Ctrl+, di Windows/Linux), cari “Claude Code login”, dan centang Disable Login Prompt.

Konfigurasi penyedia Anda

Ikuti panduan setup untuk penyedia Anda:

Panduan ini mencakup konfigurasi penyedia Anda di ~/.claude/settings.json, yang memastikan pengaturan Anda dibagikan antara ekstensi VS Code dan CLI.

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.

Nama alat (seperti yang terlihat oleh hooks)	Apa yang dilakukannya	Menulis?
`mcp__ide__getDiagnostics`	Mengembalikan diagnostik language-server — kesalahan dan peringatan di panel Problems VS Code. Secara opsional dibatasi ke satu file.	Tidak
`mcp__ide__executeCode`	Menjalankan kode Python di kernel notebook Jupyter yang aktif. Lihat alur konfirmasi di bawah.	Ya

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.

Konfirmasi Quick Pick terpisah dari hook PreToolUse. Entri allowlist untuk mcp__ide__executeCode memungkinkan Claude mengusulkan menjalankan sel; Quick Pick di dalam VS Code adalah apa yang memungkinkannya benar-benar berjalan.

Perbaiki masalah umum

Ekstensi tidak akan diinstal

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:

Buka file: Ikon memerlukan file untuk dibuka. Hanya membuka folder tidak cukup.
Periksa versi VS Code: Memerlukan 1.98.0 atau lebih tinggi (Help → About)
Restart VS Code: Jalankan “Developer: Reload Window” dari Command Palette
Nonaktifkan ekstensi yang bertentangan: Sementara nonaktifkan ekstensi AI lainnya (Cline, Continue, dll.)
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”.

Claude Code tidak pernah merespons

Jika Claude Code tidak merespons prompt Anda:

Periksa koneksi internet Anda: Pastikan Anda memiliki koneksi internet yang stabil
Mulai percakapan baru: Coba mulai percakapan segar untuk melihat apakah masalah berlanjut
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:

Buka tampilan Extensions (Cmd+Shift+X di Mac atau Ctrl+Shift+X di Windows/Linux)
Cari “Claude Code”
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.

Memulai

Konsep Inti

Gunakan Claude Code

Platform dan integrasi

​Prasyarat

​Instal ekstensi

​Memulai

​Gunakan kotak prompt

​Referensikan file dan folder

​Lanjutkan percakapan masa lalu

​Lanjutkan sesi jarak jauh dari Claude.ai

​Sesuaikan alur kerja Anda

​Pilih di mana Claude berada

​Jalankan beberapa percakapan

​Beralih ke mode terminal

​Kelola plugins

​Instal plugins

​Kelola marketplaces

​Otomatisasi tugas browser dengan Chrome

​Perintah dan pintasan VS Code

​Luncurkan tab VS Code dari alat lain

​Konfigurasi pengaturan

​Pengaturan ekstensi

​Ekstensi VS Code vs. Claude Code CLI

​Rewind dengan checkpoints

​Jalankan CLI di VS Code

​Beralih antara ekstensi dan CLI

​Sertakan output terminal dalam prompt

​Pantau proses latar belakang

​Hubungkan ke alat eksternal dengan MCP

​Bekerja dengan git

​Buat commit dan pull request

​Gunakan git worktrees untuk tugas paralel

​Gunakan penyedia pihak ketiga

​Keamanan dan privasi

​Server MCP IDE bawaan

​Perbaiki masalah umum

​Ekstensi tidak akan diinstal

​Ikon Spark tidak terlihat

​Claude Code tidak pernah merespons

​Uninstal ekstensi

​Langkah berikutnya

Prasyarat

Instal ekstensi

Memulai

Gunakan kotak prompt

Referensikan file dan folder

Lanjutkan percakapan masa lalu

Lanjutkan sesi jarak jauh dari Claude.ai

Sesuaikan alur kerja Anda

Pilih di mana Claude berada

Jalankan beberapa percakapan

Beralih ke mode terminal

Kelola plugins

Instal plugins

Kelola marketplaces

Otomatisasi tugas browser dengan Chrome

Perintah dan pintasan VS Code

Luncurkan tab VS Code dari alat lain

Konfigurasi pengaturan

Pengaturan ekstensi

Ekstensi VS Code vs. Claude Code CLI

Rewind dengan checkpoints

Jalankan CLI di VS Code

Beralih antara ekstensi dan CLI

Sertakan output terminal dalam prompt

Pantau proses latar belakang

Hubungkan ke alat eksternal dengan MCP

Bekerja dengan git

Buat commit dan pull request

Gunakan git worktrees untuk tugas paralel

Gunakan penyedia pihak ketiga

Keamanan dan privasi

Server MCP IDE bawaan

Perbaiki masalah umum

Ekstensi tidak akan diinstal

Ikon Spark tidak terlihat

Claude Code tidak pernah merespons

Uninstal ekstensi

Langkah berikutnya