REFERENSI CEPAT VS CODE
Navigasi, editing, multi-kursor, terminal, debugging, ekstensi
Navigasi
Navigasi File dan Simbol
| Ctrl+P | Buka cepat file berdasarkan nama |
| Ctrl+Shift+P | Command Palette |
| Ctrl+Shift+O | Ke simbol dalam file |
| Ctrl+T | Ke simbol dalam workspace |
| Ctrl+G | Ke nomor baris |
| F12 | Ke definisi |
| Alt+F12 | Pratinjau definisi |
| Shift+F12 | Temukan semua referensi |
| Ctrl+Shift+\ | Lompat ke tanda kurung yang cocok |
Navigasi Tab dan Editor
| Ctrl+Tab | Siklus melalui tab yang terbuka |
| Ctrl+1 / 2 / 3 | Fokus ke grup editor 1 / 2 / 3 |
| Ctrl+\ | Bagi editor |
| Ctrl+B | Toggle sidebar |
| Ctrl+J | Toggle panel bawah |
Editing
Operasi Baris
| Ctrl+Shift+K | Hapus seluruh baris |
| Alt+Atas / Bawah | Pindahkan baris ke atas / bawah |
| Shift+Alt+Atas / Bawah | Salin baris ke atas / bawah |
| Ctrl+Enter | Sisipkan baris di bawah |
| Ctrl+Shift+Enter | Sisipkan baris di atas |
| Ctrl+Shift+[ | Lipat region |
| Ctrl+Shift+] | Buka lipatan region |
Manipulasi Teks
| Ctrl+D | Pilih kata (ulangi untuk tambah kecocokan berikutnya) |
| Ctrl+Shift+L | Pilih semua kemunculan seleksi |
| Ctrl+L | Pilih seluruh baris |
| Ctrl+/ | Toggle komentar baris |
| Shift+Alt+A | Toggle komentar blok |
| Tab / Shift+Tab | Indentasi / kurangi indentasi baris |
Multi-Kursor
Menambahkan Kursor
| Alt+Klik | Tambahkan kursor di posisi klik |
| Ctrl+Alt+Atas / Bawah | Tambahkan kursor di atas / bawah |
| Ctrl+D | Tambahkan kemunculan seleksi berikutnya |
| Ctrl+Shift+L | Tambahkan kursor di semua kemunculan |
| Ctrl+U | Batalkan penambahan kursor terakhir |
| Esc | Keluar dari mode multi-kursor |
Alur Kerja Multi-Kursor
// Pilih kata, lalu Ctrl+D untuk tambah kecocokan
// Ketik pengganti — semua kursor diperbarui
// Ctrl+Shift+L memilih SEMUA kecocokan sekaligus
// Alt+Klik untuk penempatan kursor sembarang
Terminal
Pintasan Terminal
| Ctrl+` | Toggle terminal terintegrasi |
| Ctrl+Shift+` | Buat terminal baru |
| Ctrl+Shift+5 | Bagi terminal |
| Ctrl+PgUp / PgDn | Gulir terminal ke atas / bawah |
| Ctrl+Shift+C | Salin seleksi di terminal |
| Ctrl+Shift+V | Tempel ke terminal |
Manajemen Terminal
| Ctrl+Shift+P → Terminal: Kill | Matikan terminal aktif |
| Ctrl+Shift+P → Terminal: Rename | Ganti nama tab terminal |
| Dropdown terminal | Beralih antar terminal |
| terminal.integrated.shell.* | Pengaturan untuk mengganti shell default |
Debugging
Kontrol Debug
| F5 | Mulai / lanjutkan debugging |
| Shift+F5 | Hentikan debugging |
| Ctrl+Shift+F5 | Mulai ulang debugging |
| F9 | Toggle breakpoint |
| F10 | Step over |
| F11 | Step into |
| Shift+F11 | Step out |
Contoh launch.json
{
"type": "node",
"request": "launch",
"name": "Run App",
"program": "${workspaceFolder}/app.js"
}
Fitur Debug
| Panel Watch | Pantau ekspresi saat debugging |
| Call Stack | Lihat call stack eksekusi |
| Debug Console | Evaluasi ekspresi di breakpoint |
| Breakpoint kondisional | Klik kanan breakpoint → Edit kondisi |
| Logpoint | Log pesan tanpa menghentikan eksekusi |
Ekstensi
Manajemen Ekstensi
| Ctrl+Shift+X | Buka tampilan Ekstensi |
| @installed | Filter untuk menampilkan ekstensi terpasang |
| @enabled / @disabled | Filter berdasarkan aktif / tidak aktif |
| @recommended | Tampilkan ekstensi yang direkomendasikan |
Ekstensi Penting
| Prettier | Formatter kode (JS, TS, CSS, HTML) |
| ESLint | Linting JavaScript/TypeScript |
| GitLens | Integrasi Git canggih dan anotasi blame |
| Remote - SSH | Kembangkan di mesin remote via SSH |
| Live Server | Server dev lokal dengan live reload |
| Thunder Client | Klien REST API di dalam VS Code |
Pengaturan
Mengakses Pengaturan
| Ctrl+, | Buka UI Pengaturan |
| Ctrl+Shift+P → settings.json | Buka JSON pengaturan |
Pengaturan Umum (JSON)
{
"editor.fontSize": 14,
"editor.tabSize": 2,
"editor.formatOnSave": true,
"editor.wordWrap": "on",
"files.autoSave": "afterDelay"
}
Workspace vs Pengguna
| Pengaturan pengguna | Global, berlaku untuk semua proyek |
| Pengaturan workspace | Per proyek, dalam .vscode/settings.json |
| Workspace menggantikan Pengguna | Pengaturan workspace lebih diprioritaskan |
Pintasan Keyboard
Kustomisasi
| Ctrl+K Ctrl+S | Buka editor Pintasan Keyboard |
| keybindings.json | File JSON untuk binding kustom |
Pintasan Penting
| Ctrl+Shift+P | Command Palette (akses segalanya) |
| Ctrl+P | Buka cepat file |
| Ctrl+Shift+F | Cari di semua file |
| Ctrl+H | Cari dan ganti dalam file |
| Ctrl+Shift+H | Cari dan ganti di semua file |
| F2 | Ganti nama simbol |
| Ctrl+. | Quick Fix (aksi kode) |
| Ctrl+Space | Aktifkan IntelliSense |
| Ctrl+Shift+I | Format dokumen |
Integrasi Git
Tampilan Source Control
| Ctrl+Shift+G | Buka panel Source Control |
| + | Stage perubahan (di tampilan SCM) |
| - | Unstage perubahan |
| Ctrl+Enter | Commit perubahan yang di-stage |
| ... | Aksi lainnya (push, pull, dll.) |
Fitur Git Inline
| Indikator gutter | Tanda hijau/biru/merah untuk ditambah/diubah/dihapus |
| Ctrl+Shift+P → Git: Checkout | Pindah branch |
| Ctrl+Shift+P → Git: Pull | Pull dari remote |
| Ctrl+Shift+P → Git: Push | Push ke remote |
| Klik perubahan gutter | Tampilan diff inline untuk baris yang diubah |
Diff dan Merge
| SCM → Buka Perubahan | Tampilan diff berdampingan |
| Panah diff inline | Kembalikan perubahan individual |
| Editor merge 3 arah | Selesaikan konflik secara visual (1.69+) |
Pola Umum
Fitur Workspace
| Ctrl+Shift+E | Fokus ke file explorer |
| Ctrl+Shift+D | Fokus ke tampilan debug |
| Ctrl+Shift+M | Tampilkan panel masalah |
| Ctrl+K Ctrl+T | Ganti tema warna |
| Ctrl+K Z | Masuk mode Zen |
Snippet
// File → Preferensi → Konfigurasi Snippet Pengguna
"Print": {
"prefix": "log",
"body": "console.log('$1');",
"description": "Console log"
}
Task (tasks.json)
{
"label": "build",
"type": "shell",
"command": "npm run build",
"group": "build"
}