VS Code menjadi editor pilihan jutaan developer karena ringan, gratis, dan sangat fleksibel. Tapi banyak yang memakainya hanya sebatas default, padahal dengan setup yang tepat, produktivitasmu bisa melonjak. Artikel ini membahas extension penting dan tips yang membuat coding lebih cepat dan nyaman.

Extension yang Membuat Hidup Lebih Mudah

Untuk Semua Developer

  • Prettier — merapikan format kode otomatis saat menyimpan.
  • GitLens — melihat riwayat dan info Git langsung di editor.
  • Error Lens — menampilkan error langsung di baris kode, tanpa hover.
  • Path Intellisense — autocomplete untuk path file.

Untuk Web Development

  • Auto Rename Tag — mengubah tag pembuka dan penutup HTML sekaligus.
  • Live Server — preview website dengan auto-reload.
  • Tailwind CSS IntelliSense — autocomplete kelas Tailwind.

Pengaturan yang Disarankan

Beberapa setting yang meningkatkan kenyamanan:

{
  "editor.formatOnSave": true,
  "editor.tabSize": 2,
  "files.autoSave": "onFocusChange",
  "editor.wordWrap": "on",
  "editor.minimap.enabled": false
}

Shortcut yang Wajib Dihafal

  • Ctrl/Cmd + P — buka file dengan cepat.
  • Ctrl/Cmd + Shift + P — command palette, akses semua perintah.
  • Ctrl/Cmd + D — pilih kata yang sama berikutnya (multi-cursor).
  • Alt + Up/Down — pindahkan baris ke atas/bawah.
  • Ctrl/Cmd + / — comment/uncomment baris.

Manfaatkan Integrated Terminal

Tidak perlu bolak-balik ke aplikasi terminal terpisah. Terminal bawaan VS Code (Ctrl + `) cukup untuk menjalankan perintah Git, server, atau script tanpa keluar dari editor.

AI di Dalam Editor

Extension AI coding kini umum dipakai untuk autocomplete cerdas dan bantuan menulis kode. Berguna untuk mempercepat, tapi tetap pahami kode yang dihasilkan — jangan menempel buta.

Tips Menjaga VS Code Tetap Ringan

  • Jangan pasang extension yang tidak kamu pakai — terlalu banyak memperlambat editor.
  • Nonaktifkan extension per-workspace kalau hanya dibutuhkan di proyek tertentu.
  • Bersihkan berkala extension yang sudah tidak relevan.

Kesimpulan

VS Code yang di-setup dengan baik adalah investasi kecil dengan hasil besar untuk produktivitas harianmu. Pasang extension yang benar-benar berguna, hafalkan beberapa shortcut penting, dan sesuaikan pengaturan dengan gaya kerjamu. Editor yang nyaman membuat coding terasa lebih lancar dan menyenangkan.