Ngoding HTML Makin Sat-Set dengan VS Code! (Plus Live Server!)

Udah kenalan sama "rumah" barumu, VS Code? Sekarang, saatnya kita pake rumah itu buat ngebangun sesuatu pake HTML! Kamu bakal kaget betapa VS Code bisa bikin proses ngoding HTML jadi lebih cepet, gampang, dan minim salah ketik.

Di bagian ini, kita bakal fokus ke fitur-fitur VS Code yang bakal jadi sahabat karibmu pas lagi asyik nulis tag-tag HTML. Dan ada satu ekstensi "ajaib" yang wajib banget kamu instal: Live Server!

Dasar-Dasar: Membuat dan Membuka File HTML

Sebelum ngomongin fitur canggih, kita mulai dari yang paling dasar dulu ya.

1. Membuka Folder Proyek (Workspace):

   • Praktik terbaik pas ngoding adalah kerja di dalam satu folder proyek. Jadi, semua file HTML, CSS, gambar, dll. buat satu website ada di satu tempat.
   • Di VS Code, buka folder proyekmu dengan cara:
     • Klik File > Open Folder... dari menu.
     • Atau, kalau VS Code baru dibuka dan belum ada folder yang aktif, kamu bisa klik "Open Folder" di halaman Get Started.
   • Setelah folder dibuka, kamu bakal liat struktur folder dan filenya di panel Explorer (di Side Bar).