Boost Produktivitas Coding: 7 Tips & Shortcut Rahasia VS Code

Visual Studio Code (VS Code) telah menjadi standar emas bagi para developer saat ini. Namun, apakah kamu sudah memanfaatkannya secara maksimal, atau hanya menggunakannya sebagai "Notepad" yang lebih berwarna?

Jika kamu ingin menghemat waktu berjam-jam setiap minggunya, kuasai tips, trik, dan shortcut esensial berikut ini.

1. Navigasi File Secepat Kilat

Berhenti mencari file di sidebar kiri secara manual. Folder proyek yang besar bisa sangat membingungkan.

• Shortcut: Ctrl + P (Windows) / Cmd + P (Mac).

• Trik: Cukup ketik nama filenya, tekan enter, dan kamu langsung sampai. Tambahkan simbol @ setelah nama file untuk langsung lompat ke fungsi atau metode spesifik di dalam file tersebut.

---

2. Kekuatan Multi-Cursor Editing

Perlu mengubah 10 variabel yang sama sekaligus? Jangan lakukan manual satu per satu.

• Shortcut: Ctrl + D (Windows) / Cmd + D (Mac).

• Cara Pakai: Blok satu kata, lalu tekan shortcut tersebut berulang kali untuk menyeleksi kata yang sama di bawahnya. Setelah semua terpilih, silakan ketik untuk mengubah semuanya secara bersamaan.

---

3. Pindahkan Baris Kode Tanpa Copy-Paste

Masih menggunakan cara kuno Ctrl+X lalu Ctrl+V hanya untuk memindahkan satu baris kode?

• Shortcut: Alt + Up/Down (Windows) / Opt + Up/Down (Mac).

• Manfaat: Baris kode akan melompat ke atas atau ke bawah sesuai keinginanmu. Struktur kode jadi lebih rapi tanpa risiko salah tempel.

---

4. Gunakan Snippets untuk Logika Berulang

Jika kamu sering mengetik struktur kode yang sama (seperti koneksi database atau template HTML), gunakan User Snippets.

• Akses: File > Preferences > Configure User Snippets.

• Tips: Buat shortcut pendek, misalnya ketik clg untuk menghasilkan console.log();. Ini adalah game changer untuk kecepatan mengetik.

---

5. Intip Definisi Tanpa Pindah Tab (Peek Definition)

Kadang kita ingin melihat isi sebuah fungsi tanpa harus meninggalkan file yang sedang dikerjakan.

• Shortcut: Alt + F12 (Windows) / Opt + F12 (Mac).

• Efek: Jendela kecil akan muncul tepat di bawah baris kode tersebut, memperlihatkan isi fungsi aslinya. Tekan Esc untuk menutupnya dan lanjut coding.

---

6. Sidebar Terlalu Sempit? Gunakan Zen Mode

Saat fase fokus tinggi, distraksi visual bisa sangat mengganggu.

• Shortcut: Ctrl + K lalu tekan Z.

• Hasil: Semua sidebar, terminal, dan tombol-tombol akan hilang. Tersisa hanya kamu dan kode di layar penuh.

---

7. Rekomendasi Ekstensi "Wajib Instal"

Agar blog kamu makin lengkap, jangan lupa bagikan daftar "persenjataan" ini:

• Auto Rename Tag: Mengubah tag HTML pembuka otomatis mengubah penutupnya.

• Prettier: Merapikan kode berantakan hanya dengan sekali klik (atau saat save).

• Error Lens: Menampilkan pesan error langsung di editor tanpa perlu melihat tab "Problems".

---

Kesimpulan

Menguasai shortcut bukan sekadar pamer kecepatan, tapi tentang menjaga aliran pikiran (flow) agar tidak terputus karena urusan teknis navigasi. Manakah shortcut favorit yang paling sering kamu gunakan? Tulis di kolom komentar ya!