Skip to Content
LearningPersiapanMenginstal VS Code

Menggunakan VSCode

  1. 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:

  1. Live Server

    • Untuk menjalankan website secara lokal
    • Cari “Live Server” di marketplace VSCode
    • Klik Install
  2. Prettier

    • Untuk memformat kode secara otomatis
    • Cari “Prettier” di marketplace VSCode
    • Klik Install
  3. Auto Rename Tag

    • Membantu mengubah tag HTML secara otomatis
    • Cari “Auto Rename Tag” di marketplace VSCode
    • Klik Install
  4. Material Icon Theme

    • Memberikan ikon yang lebih menarik untuk file
    • Cari “Material Icon Theme” di marketplace VSCode
    • Klik Install

Pengaturan Awal

  1. Mengubah Tema

    • Tekan Cmd + , untuk membuka Settings
    • Cari “theme”
    • Pilih tema yang Anda sukai (Dark+ atau Light+)
  2. Mengatur Font

    • Di Settings, cari “font family”
    • Gunakan font monospace seperti “Fira Code” atau “JetBrains Mono”
    • Aktifkan “font ligatures” untuk tampilan yang lebih baik
  3. Mengatur Terminal

    • Tekan Cmd + ` untuk membuka terminal
    • Terminal akan muncul di bagian bawah VSCode

Tips Penggunaan

  1. Shortcut Penting

    • Cmd + S - Simpan file
    • Cmd + X - Cut
    • Cmd + C - Copy
    • Cmd + V - Paste
    • Cmd + Z - Undo
    • Cmd + Shift + Z - Redo
  2. Membuka Folder

    • File > Open Folder
    • Pilih folder project Anda
    • VSCode akan menampilkan struktur folder di sidebar
  3. Membuat File Baru

    • Klik ikon “New File” di sidebar
    • Atau gunakan shortcut Cmd + N

Selamat berkoding ria! 🚀

Last updated on