Menggunakan VSCode
- Download VSCode
- Kunjungi website resmi VSCode: https://code.visualstudio.com/
- Pilih sistem operasi Windows, Linux atau MacOS yang Anda gunakan, klik Download
- Tunggu hingga file installer selesai diunduh
- Instal dan Buka VS Code
- VS Code siap digunakan
Extensions yang Direkomendasikan
Untuk memaksimalkan pengalaman coding, install beberapa extension VS Code berikut:
-
Live Server
- Untuk menjalankan website secara lokal
- Cari “Live Server” di marketplace VSCode
- Klik Install
-
Prettier
- Untuk memformat kode secara otomatis
- Cari “Prettier” di marketplace VSCode
- Klik Install
-
Auto Rename Tag
- Membantu mengubah tag HTML secara otomatis
- Cari “Auto Rename Tag” di marketplace VSCode
- Klik Install
-
Material Icon Theme
- Memberikan ikon yang lebih menarik untuk file
- Cari “Material Icon Theme” di marketplace VSCode
- Klik Install
Pengaturan Awal
-
Mengubah Tema
- Tekan
Cmd + ,
untuk membuka Settings - Cari “theme”
- Pilih tema yang Anda sukai (Dark+ atau Light+)
- Tekan
-
Mengatur Font
- Di Settings, cari “font family”
- Gunakan font monospace seperti “Fira Code” atau “JetBrains Mono”
- Aktifkan “font ligatures” untuk tampilan yang lebih baik
-
Mengatur Terminal
- Tekan
Cmd + `
untuk membuka terminal - Terminal akan muncul di bagian bawah VSCode
- Tekan
Tips Penggunaan
-
Shortcut Penting
Cmd + S
- Simpan fileCmd + X
- CutCmd + C
- CopyCmd + V
- PasteCmd + Z
- UndoCmd + Shift + Z
- Redo
-
Membuka Folder
- File > Open Folder
- Pilih folder project Anda
- VSCode akan menampilkan struktur folder di sidebar
-
Membuat File Baru
- Klik ikon “New File” di sidebar
- Atau gunakan shortcut
Cmd + N
Selamat berkoding ria! 🚀
Last updated on