Kumpulan Shortcut VS Code yang Bikin Kerja Kilat!

Mau Jadi Front-End Developer? Ikuti Langkah Ini
Views: 25

Ngoding itu bukan cuma soal logika, tapi juga efisiensi. Kalau kamu sudah pakai Visual Studio Code (VS Code) tapi belum maksimalin shortcut-nya, fix kamu buang-buang waktu!

Dengan shortcut keyboard yang tepat, kamu bisa:

✅ Navigasi antar file lebih cepat
✅ Edit kode tanpa sentuh mouse
✅ Buka, cari, dan ubah baris dalam hitungan detik

Yuk, simak kumpulan shortcut VS Code paling berguna yang bisa bikin kerja kamu serasa pakai turbo!

baca juga : “Apakah Router Anda Sudah Ketinggalan Zaman? Cek Sekarang!”


Kenapa Shortcut di VS Code Penting Banget?

Kalau kamu terbiasa pakai mouse buat segalanya, coba pikir ulang. Shortcut bisa:

  • Hemat waktu 2x lipat
  • Meningkatkan konsentrasi (nggak bolak-balik klik)
  • Mengurangi risiko repetitive strain injury (RSI)

Dan kabar baiknya — VS Code punya puluhan shortcut built-in yang bisa langsung kamu pakai tanpa setting tambahan.


Shortcut Navigasi Super Cepat

Ini shortcut yang wajib kamu hafalkan duluan:

FungsiShortcut (Windows/Linux)Shortcut (Mac)
Buka fileCtrl + PCmd + P
Cari dalam fileCtrl + FCmd + F
Cari di semua fileCtrl + Shift + FCmd + Shift + F
Pindah antar tabCtrl + TabCmd + Option + →/←
Buka panel terminalCtrl + `Cmd + `

Shortcut Editing yang Bikin Ngetik Makin Gesit

Ketik kode lebih cepat, lebih efisien, dan minim mouse:

FungsiShortcut
Komentar barisCtrl + /
Duplikat barisShift + Alt + ↑ / ↓
Pindahkan barisAlt + ↑ / ↓
Pilih semua kata serupaCtrl + F2
Multi-cursor manualAlt + Klik

💡 Tips: Gunakan Ctrl + D untuk seleksi kata berikutnya yang sama, cocok buat edit nama variabel atau class secara cepat.


Shortcut Format & Tampilan

Biar kode kamu rapi dan tampilan editor nyaman dilihat:

FungsiShortcut
Format dokumen otomatisShift + Alt + F
Toggle sidebarCtrl + B
Zen mode (fokus penuh)Ctrl + K Z
Split editor horizontal/vertikalCtrl + \

Shortcut Terminal dan Source Control

Integrasi terminal dan Git di VS Code bikin kamu nggak perlu buka aplikasi lain:

FungsiShortcut
Buka terminalCtrl + `
Jalankan perintah baruCtrl + Shift + P
Commit perubahan GitCtrl + Enter (di panel SCM)
Lihat histori fileDengan plugin GitLens

Bagaimana Cara Mengingat Semua Shortcut?

Tenang, kamu nggak harus hafal semua sekaligus. Mulai dari shortcut yang paling sering kamu butuhkan. Berikut tipsnya:

  1. Cetak cheat sheet VS Code (tersedia di website resminya)
  2. Tempel post-it shortcut penting di meja
  3. Gunakan 1 shortcut baru tiap hari
  4. Aktifkan Command Palette (Ctrl + Shift + P) buat cari perintah cepat
  5. Install plugin “Shortcut Menu Bar” biar shortcut muncul di tampilan atas

Apakah Shortcut Ini Berlaku untuk Semua Bahasa?

Ya! Shortcut di atas bersifat umum untuk semua jenis bahasa pemrograman di VS Code. Baik kamu pakai:

  • HTML/CSS
  • JavaScript/TypeScript
  • Python
  • PHP
  • C++
  • atau bahkan Markdown

Shortcut-nya tetap berlaku sama. Jadi kamu bisa lebih fleksibel saat pindah antar proyek.

baca juga : Muhammad Abdullah Azzam Siswa SMA Al Kautsar Lolos Program Pelajar Lampung di Parlemen


Kesimpulan: Shortcut = Kerja Cepat, Cerdas, dan Efektif

Kalau kamu pengen kerja ngoding lebih efisien, shortcut adalah “senjata rahasia” yang harus kamu kuasai. Dengan beberapa kombinasi tombol aja, kamu bisa hemat waktu berjam-jam setiap minggu!

Ingat:
💡 Developer hebat bukan yang paling cepat ngetik, tapi yang paling efisien kerja.

penulis : Muhamad Anwar Fuadi

Views: 25
Kumpulan Shortcut VS Code yang Bikin Kerja Kilat!

Leave a Reply

Your email address will not be published. Required fields are marked *

Scroll to top