UNMAHA – Bagi kamu yang baru mulai belajar web development, menggunakan editor yang tepat adalah langkah pertama yang harus kamu lakukan. Salah satu editor yang populer digunakan oleh developer adalah Visual Studio Code (VS Code). Mungkin kamu sudah sering mendengar tentang VS Code, tetapi bagaimana cara memulai dan run HTML di Visual Studio Code?
Visual Studio Code adalah pilihan yang sangat baik untuk pengembangan web karena antarmukanya yang sederhana, banyak ekstensi yang dapat mempercepat proses coding, dan kemampuan untuk bekerja dengan banyak bahasa pemrograman. Namun, banyak pemula merasa bingung bagaimana cara menjalankan file HTML yang telah mereka buat. Kamu tidak perlu khawatir, dengan mengikuti langkah-langkah berikut ini, kamu bisa langsung mulai menjalankan atau run HTML tanpa masalah. Berikut ini adalah cara mudah untuk run HTML di Visual Studio Code:
Cara Run HTML di Visual Studio Code
Untuk memulai, pastikan kamu sudah menginstal Visual Studio Code di komputermu. Jika belum, kamu bisa mengunduhnya secara gratis dari situs resmi Visual Studio Code. Setelah itu, kamu bisa langsung membuka program tersebut dan mengikuti langkah-langkah selanjutnya:
1. Instalasi Visual Studio Code
Hal pertama yang perlu kamu lakukan adalah mengunduh dan menginstal Visual Studio Code. Kunjungi situs resmi Visual Studio Code dan pilih versi yang sesuai dengan sistem operasimu. Setelah itu, ikuti petunjuk instalasi yang ada hingga selesai. Instalasi ini hanya membutuhkan beberapa menit, dan kamu sudah bisa melanjutkan ke langkah berikutnya.
2. Membuat File HTML Baru
Setelah Visual Studio Code terpasang, buka aplikasinya dan buat file HTML baru dengan mengklik File > New File. Ketikkan kode HTML pertama kamu di dalam file baru tersebut. Jangan lupa untuk menyimpan file dengan ekstensi .html agar Visual Studio Code bisa mengenali file tersebut sebagai file HTML. Kamu bisa memberi nama file tersebut sesuai dengan keinginanmu, misalnya index.html.
3. Menyimpan dan Membuka File HTML
Setelah file HTML kamu selesai dibuat, langkah berikutnya adalah menyimpannya. Pilih File > Save As, lalu pilih folder tempat kamu ingin menyimpan file tersebut. Setelah file disimpan, kamu bisa langsung membuka file tersebut di browser untuk melihat hasilnya. Pastikan file HTML yang kamu buat tidak mengandung kesalahan sintaks, karena itu bisa mengganggu tampilan halaman webmu.
Baca Juga :10 Ekstensi Visual Studio Code yang Paling Populer
4 . Menggunakan Live Server untuk Melihat Hasil Kode Secara Langsung
Salah satu cara terbaik untuk melihat hasil kode HTML secara langsung adalah dengan menggunakan ekstensi Live Server di Visual Studio Code. Ekstensi ini memungkinkan kamu untuk melihat perubahan yang kamu buat di file HTML secara real-time tanpa harus terus-menerus membuka browser dan memuat ulang halaman. Kamu bisa menginstal ekstensi ini melalui menu Extensions di Visual Studio Code.
5. Mengedit dan Mencoba Kode HTML
Sekarang, kamu bisa mulai mengedit kode HTML yang ada dan melihat hasilnya langsung di browser melalui Live Server. Setiap perubahan yang kamu lakukan akan langsung terlihat di browser tanpa perlu menyegarkan halaman secara manual. Hal ini akan sangat memudahkanmu dalam mengembangkan dan memodifikasi halaman HTML, terutama ketika kamu sedang mengerjakan proyek besar.
Pilih Program Pendidikan dan Sertifikasi di Universitas Mahakarya Asia
Menjalankan HTML di Visual Studio Code sangat mudah dengan langkah-langkah yang sudah dijelaskan. VS Code memungkinkan kamu menulis, mengedit, dan memvisualisasikan kode HTML dengan cepat, serta menggunakan ekstensi Live Server untuk melihat perubahan langsung.
Jika kamu ingin mengembangkan keterampilan di bidang pengembangan web atau database, Universitas Mahakarya Asia menawarkan Program Sarjana Teknik Informatika (S1) dan Sertifikasi Database Programmer yang memberikan pemahaman mendalam dan keterampilan teknis yang dibutuhkan di industri IT.
Selain itu, Adolo menyediakan platform e-learning untuk memperdalam keterampilan praktismu dengan akses ke kursus teknologi terbaru, mendukungmu belajar lebih fleksibel.
Mulailah perjalananmu sekarang! Daftar di Pendaftaran Mahasiswa Baru (PMB) Universitas Mahakarya Asia dan gabung dengan program-program berkualitas untuk mengembangkan kariermu di dunia teknologi.
Editor: Mahfida Ustadhatul Umma