Cara Setting Visual Studio Code Biar Coding Makin Nyaman

Ngoding berjam-jam di depan layar? Kalau settingan Visual Studio Code (VS Code) kamu masih default, bisa jadi kamu belum ngerasain betapa nyamannya editor ini kalau disesuaikan sesuai gaya kamu.

Banyak developer yang lupa kalau kenyamanan saat ngoding itu penting banget — bukan cuma soal performa, tapi juga soal kesehatan mata, fokus kerja, dan kecepatan ngetik.

Nah, di artikel ini kita bakal bahas cara setting VS Code biar makin nyaman, produktif, dan bikin betah ngoding berlama-lama. Yuk, mulai!

baca juga : “Mengenal Router dengan Keamanan Tinggi untuk Privasi Anda”

---

Kenapa Setting VS Code Itu Penting?

Kebanyakan orang install VS Code, langsung pakai. Padahal:

• VS Code bisa dikustomisasi habis-habisan
• Banyak fitur bawaan yang bisa diaktifkan untuk bantu kerja
• Setting yang tepat = coding jadi lebih cepat & minim gangguan

Dengan setting yang pas, kamu bisa:

✅ Kurangi kelelahan mata
✅ Fokus lebih lama
✅ Kerja jadi lebih cepat & terstruktur
✅ Nikmati proses ngoding kayak main game 😎

---

1. Pilih Tema & Font yang Nyaman di Mata

🔸 Tema Warna

Coba beberapa tema populer yang banyak disukai developer:

• One Dark Pro
• Dracula Official
• Night Owl (ramah untuk mata sensitif)
• GitHub Dark Default

Cara pilih tema:
File > Preferences > Color Theme (atau tekan Ctrl + K Ctrl + T)

🔸 Font Programming

Font juga punya pengaruh besar ke kenyamanan:

• Fira Code (punya ligature keren)
• JetBrains Mono
• Cascadia Code

Pasang font → atur di settings.json:

jsonCopyEdit"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true

---

2. Aktifkan Word Wrap & Minimalkan Horizontal Scroll

Scrolling ke kanan-kiri itu ganggu banget. Aktifkan Word Wrap biar baris panjang otomatis turun.

🔧 Cara aktifkan:

jsonCopyEdit"editor.wordWrap": "on"

Atau dari UI:
View > Command Palette > Preferences: Toggle Word Wrap

---

3. Atur Auto Save & Format Otomatis

Biar nggak lupa simpan dan bikin kode rapi otomatis:

jsonCopyEdit"files.autoSave": "onWindowChange",
"editor.formatOnSave": true,

⚠️ Pastikan kamu sudah install formatter seperti Prettier atau sesuai bahasa yang kamu pakai.

---

4. Gunakan Zen Mode untuk Fokus Penuh

Kalau kamu suka terganggu sama sidebar, toolbar, dan notifikasi, aktifkan Zen Mode (Ctrl + K Z).

Di mode ini:

✅ Tampilan bersih
✅ Fokus penuh ke kode
✅ Cocok untuk sesi belajar atau ngoding serius

---

5. Gunakan Extensions untuk Produktivitas

Ada banyak plugin yang bisa bikin coding makin nyaman. Beberapa rekomendasi:

Nama Ekstensi	Fungsi
Prettier	Format kode otomatis
Bracket Pair Colorizer	Warna-warni kurung buka-tutup
Error Lens	Tampilkan error langsung di baris kode
Indent-Rainbow	Warna indentasi buat lihat struktur lebih jelas
Settings Sync	Sinkronisasi setting VS Code ke cloud

Install plugin lewat:
Ctrl + Shift + X → ketik nama plugin → klik Install

---

6. Atur Mini Map & Breadcrumbs

🔹 Mini Map

Mini map di sisi kanan itu kadang bantu, tapi kadang juga bikin layar makin sempit. Kalau kamu nggak butuh, bisa matikan:

jsonCopyEdit"editor.minimap.enabled": false

🔹 Breadcrumbs

Breadcrumbs bantu kamu tahu kamu lagi di file/fungsi mana. Aktifkan lewat:

jsonCopyEdit"breadcrumbs.enabled": true

---

7. Shortcut Penting untuk Bikin Coding Lancar

Hafalkan shortcut dasar ini biar kamu nggak perlu klik mouse terus:

Aksi	Shortcut
Buka file cepat	Ctrl + P
Format kode	Shift + Alt + F
Komentar baris	Ctrl + /
Terminal cepat	Ctrl + `
Toggle sidebar	Ctrl + B

baca juga : Pengcab KKI Bandar Lampung Pimpinan Mahathir Muhammad Dikukuhkan

---

Kesimpulan: Nyaman Ngoding = Produktivitas Naik

Setting Visual Studio Code itu bukan cuma soal tampilan, tapi soal pengalaman kerja yang lebih baik. Dengan beberapa penyesuaian kecil, kamu bisa:

✅ Mengurangi stres saat ngoding
✅ Fokus lebih lama
✅ Bikin proses belajar lebih fun
✅ Ngoding kayak pro meskipun masih belajar

Jadi, jangan anggap enteng setting VS Code kamu. Ambil waktu 10–15 menit buat atur semuanya — dan rasakan bedanya!

penulis : Muhamad Anwar Fuadi