DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Daftar Isi:
Visual Studio Code (VS Code) adalah perangkat lunak pengeditan teks yang paling populer di kalangan pengembang saat ini. Antara lain, perangkat lunak ini memberi kamu kemampuan untuk menulis kode HTML dan melihat hasilnya secara langsung. Namun, mungkin ada beberapa dari kamu yang masih bingung bagaimana cara menjalankan HTML di Visual Studio Code. Tenang, artikel ini akan memandu kamu langkah demi langkah menjalankannya.
Sebelum kita memulai, pastikan kamu sudah menginstal Visual Studio Code dan browser pilihanmu di komputermu.
Buka VS Code dan pilih File
-> New File
untuk membuat file baru. Simpan file tersebut dengan ekstensi .html
untuk mengindikasikan bahwa ini adalah dokumen HTML.
Untuk dapat melihat hasil HTML secara langsung, kamu perlu menginstal ekstensi Live Server pada VS Code. Berikut caranya:
Extensions
. Klik ikon tersebut.Live Server
dan tekan Enter.Live Server
yang dibuat oleh Ritwick Dey. Klik tombol Install
yang berwarna hijau.Setelah proses instalasi selesai
Open with Live Server
.Dokumen HTML yang kamu buat sekarang akan terbuka di browser pilihanmu. Setiap kali kamu melakukan perubahan pada kode dan menyimpannya, halaman web akan secara otomatis diperbarui, memungkinkan kamu untuk melihat hasil perubahan tersebut.
Pada titik ini, kamu harus bisa menjalankan HTML di Visual Studio Code dan melihat hasilnya secara langsung di browsermu.
Agar lebih cepat dalam penulisan kode HTML, VS Code menyediakan “snippets” atau potongan kode yang bisa kamu gunakan. Cukup ketik !
dan tekan tombol Enter
, maka struktur dasar HTML akan otomatis tertulis.
Dengan mengikuti panduan ini, diharapkan kamu bisa menjalankan HTML di Visual Studio Code dengan sukses dan mudah. Selamat mencoba dan semoga sukses!
Link terkait: