Shortcut VSCode yang Jarang Orang Tau Tapi OP

Kenyataan Developer Modern yang Sering Tidak Disadari
Banyak developer muda merasa sudah produktif karena bisa menyelesaikan fitur.
Kodenya jalan. Build sukses. Deploy aman.
Tapi kalau diperhatikan lebih dalam, ada satu kebiasaan yang diam diam menghambat progres mereka.
Terlalu sering pegang mouse.
Scroll pakai mouse.
Klik menu satu satu.
Rename variabel manual.
Edit baris berulang dengan cara yang sama.
Masalahnya bukan di skill ngoding, tapi cara berinteraksi dengan editor.
VSCode itu bukan sekadar text editor. Ia adalah alat kerja.
Dan seperti alat kerja lainnya, siapa yang tahu cara pakainya dengan benar akan bekerja jauh lebih cepat.
Artikel ini akan membahas shortcut VSCode yang:
- Jarang disadari pemula
- Terlihat sederhana
- Tapi efeknya brutal ke produktivitas
Fokus kita:
- Multi cursor
- Command palette
- Rename symbol
Kalau kamu menguasai tiga ini, workflow kamu akan naik kelas tanpa harus ganti laptop atau begadang.
Kenapa Shortcut VSCode Itu Penting Banget
Coba jujur sebentar.
Dalam satu jam ngoding, berapa menit yang benar benar dipakai untuk mikir logic
dan berapa menit yang habis buat:
- Scroll
- Klik
- Cari menu
- Rename satu satu
Banyak developer tidak sadar bahwa waktu habis bukan karena kode susah, tapi navigasi lambat.
Shortcut itu penting karena:
- Mengurangi distraksi
- Menjaga fokus tetap di kode
- Menghemat energi mental
Developer yang terbiasa pakai shortcut biasanya:
- Lebih tenang
- Lebih rapi
- Lebih konsisten
Bukan karena mereka jenius, tapi karena workflow mereka efisien.
Dan di dunia kerja, efisiensi itu mahal nilainya.
Multi Cursor
Apa Itu Multi Cursor
Multi cursor adalah fitur yang memungkinkan kamu mengedit banyak posisi sekaligus dalam satu waktu.
Bayangkan kamu bisa:
- Ngetik satu kali
- Tapi perubahan terjadi di banyak baris
Buat pemula, ini sering terasa seperti cheat.
Buat developer berpengalaman, ini kebutuhan sehari hari.
Multi cursor bukan trik pamer.
Ini alat serius untuk kerja cepat.
Cara Pakai Multi Cursor yang Paling Sering Dipakai
Ada beberapa cara umum yang sering dipakai.
Pertama, memilih kata yang sama di banyak tempat.
Cocok untuk:
- Variabel
- Class
- Function name
Kedua, menambah cursor manual di beberapa baris.
Cocok untuk:
- Edit struktur HTML
- Tambah properti
- Edit data berurutan
Ketiga, edit vertikal.
Ini sering dipakai saat:
- Menyamakan indent
- Mengubah format data
- Menyusun array atau object
Begitu terbiasa, tangan kamu akan otomatis ke keyboard tanpa mikir lagi.
Use Case Nyata Multi Cursor di Dunia Kerja
Multi cursor sering dipakai untuk:
- Rename variabel di satu file dengan cepat
- Edit banyak atribut HTML sekaligus
- Mengubah struktur JSON atau config
Contoh nyata:
Kamu punya 20 baris HTML dengan class yang mirip.
Tanpa multi cursor, kamu edit satu satu.
Dengan multi cursor, selesai dalam hitungan detik.
Di sinilah beda developer yang:
- Kerja keras
dan - Kerja cerdas
Kesalahan Umum Saat Pakai Multi Cursor
Walaupun powerful, multi cursor juga bisa berbahaya kalau asal pakai.
Kesalahan umum:
- Edit terlalu banyak tanpa cek konteks
- Mengubah kata yang seharusnya tidak diubah
- Lupa scope kode
Multi cursor bukan pengganti logika.
Dia cuma mempercepat tangan, bukan menggantikan otak.
Biasakan:
- Cek hasil akhir
- Scroll ulang setelah edit
- Jangan terlalu agresif
Command Palette
Apa Itu Command Palette
Command palette adalah pintu rahasia VSCode yang jarang dimanfaatkan maksimal.
Semua fitur VSCode
dari yang kelihatan sampai yang tersembunyi
bisa diakses dari satu tempat.
Daripada:
- Cari menu
- Buka setting
- Scroll panjang
Kamu cukup:
- Buka command palette
- Ketik keyword
- Jalankan perintah
Ini adalah shortcut paling underrated di VSCode.
Kenapa Command Palette Terasa OP
Command palette itu seperti search engine untuk VSCode.
Kamu tidak perlu hafal:
- Di mana menu berada
- Di tab apa setting disimpan
Cukup tahu kata kuncinya.
Ini membuat kamu:
- Lebih cepat
- Lebih fleksibel
- Lebih fokus ke tujuan
Developer berpengalaman jarang buka menu manual.
Mereka cari semuanya lewat command palette.
Command Palette untuk Kerja Cepat
Beberapa hal yang sering dilakukan lewat command palette:
- Buka file dengan cepat
- Ganti tema editor
- Masuk ke setting
- Restart language server
Semua tanpa mouse.
Kalau kamu kerja di project besar, ini sangat terasa bedanya.
Command Palette untuk Workflow Pro
Di level lebih lanjut, command palette dipakai untuk:
- Menjalankan fitur extension
- Mengakses command tersembunyi
- Navigasi fitur advanced VSCode
Banyak fitur VSCode tidak punya shortcut default.
Satu satunya cara cepat mengaksesnya adalah lewat command palette.
Ini alasan kenapa developer senior terlihat seperti:
“Ngetik bentar, kok langsung kebuka”
Kebiasaan Kecil yang Bikin Beda
Developer pemula sering bertanya:
“Shortcut ini apa ya”
Developer berpengalaman berpikir:
“Apa keyword command nya”
Mereka tidak hafal semua shortcut.
Mereka hafal cara mencari fitur dengan cepat.
Command palette membentuk mindset ini.
Rename Symbol
Apa Itu Rename Symbol
Rename symbol adalah fitur untuk mengganti nama variabel, function, atau class dengan aman dan pintar.
Ini berbeda dengan rename manual atau search replace.
Rename symbol:
- Paham scope
- Paham struktur kode
- Tidak asal ganti teks
Fitur ini bekerja berkat language server yang memahami bahasa pemrograman kamu.
Kenapa Rename Symbol Itu OP
Rename symbol itu:
- Aman
- Konsisten
- Minim risiko error
Kamu bisa:
- Rename function besar
- Rename class global
- Rename variabel penting
Tanpa takut:
- Typo
- Salah scope
- Merusak bagian lain
Ini sangat penting di project besar.
Use Case Rename Symbol di Project Nyata
Rename symbol sering dipakai saat:
- Refactor kode lama
- Mengganti nama variabel yang ambigu
- Menyesuaikan naming convention tim
Bayangkan rename manual di puluhan file.
Itu mimpi buruk.
Rename symbol mengubah mimpi buruk jadi pekerjaan satu menit.
Kesalahan Umum Developer Pemula
Kesalahan yang sering terjadi:
- Rename manual satu satu
- Pakai search replace global
- Takut refactor karena takut error
Padahal rename symbol dibuat justru untuk menghindari hal hal itu.
Kalau kamu masih rename variabel penting secara manual,
itu tanda kamu belum memanfaatkan editor secara maksimal.
Kombinasi Shortcut yang Bikin Kamu Terlihat Pro
Yang bikin workflow kamu naik level bukan satu shortcut, tapi kombinasi kebiasaan.
Contoh workflow nyata:
- Gunakan command palette untuk navigasi
- Gunakan rename symbol untuk refactor
- Gunakan multi cursor untuk edit cepat
Tanpa mouse.
Tanpa panik.
Tanpa ribet.
Di mata orang lain, ini terlihat seperti:
“Cepat banget kerjanya”
Padahal kamu cuma pakai alat dengan benar.
Keyboard First Workflow
Developer yang sudah lama biasanya:
- Jarang pindah tangan ke mouse
- Lebih fokus ke layar
- Lebih sedikit distraksi
Keyboard first workflow membantu:
- Menjaga flow state
- Mengurangi kelelahan
- Meningkatkan konsistensi kerja
Ini bukan soal gaya.
Ini soal efisiensi jangka panjang.
Dampak Shortcut VSCode ke Personal Branding
Skill shortcut mungkin tidak tertulis di CV.
Tapi efeknya terasa langsung.
Di interview teknikal:
- Kamu terlihat tenang
- Gerakan kamu rapi
- Tidak bingung navigasi
Di pair programming:
- Kamu tidak menghambat flow
- Kamu terlihat paham tools
Di mata tim:
- Kamu dianggap siap kerja
- Bukan cuma bisa ngoding, tapi bisa kerja cepat
Personal branding itu bukan cuma konten.
Cara kamu bekerja juga bagian dari citra profesional.
Shortcut Kecil Dampak Besar
Banyak developer mengejar:
- Framework baru
- Library terbaru
- Stack paling hype
Tapi lupa satu hal penting.
Alat yang dipakai tiap hari harus dikuasai dulu.
VSCode sudah sangat powerful.
Tinggal kamu mau pakai setengah atau maksimal.
Penutup
Shortcut VSCode bukan soal pamer skill.
Ini soal menghargai waktu dan energi kamu sendiri.
Multi cursor mengajarkan efisiensi.
Command palette mengajarkan eksplorasi.
Rename symbol mengajarkan kehati hatian.
Kalau kamu menguasai ini:
- Kamu lebih cepat
- Kamu lebih rapi
- Kamu lebih percaya diri
Dan di dunia developer muda yang kompetitif, itu adalah keunggulan nyata.
Mulai pelan pelan.
Satu shortcut hari ini.
Satu kebiasaan baru besok.
Lama lama, kamu tidak cuma jago ngoding. Kamu jago kerja.
Written by
Alfiansa
Just someone that loves coding