Cara Menjalankan Berkas HTML di Visual Studio Code

Unduh PDF
Disusun bersama Stan Kats

Unduh PDF

Visual Studio Code merupakan editor (penyunting) kode sumber ( source code ) buatan Microsoft. Program ini tersedia untuk Windows, Linux, dan macOS. Dengan perangkat lunak ini, Anda bisa menulis dan menyunting kode dalam beragam bahasa pengodean, termasuk HTML. Namun, apa yang harus dilakukan jika Anda ingin menjalankan kode HTML untuk melihat tampilannya? Untungnya, ada beberapa ekstensi untuk Visual Studio Code yang dapat digunakan untuk menjalankan kode HTML secara mudah dari dalam Visual Studio Code. Anda juga bisa menjalankan berkas HTML menggunakan Terminal. Artikel wikiHow ini menjelaskan cara menjalankan berkas HTML menggunakan Visual Studio Code.

Metode 1
Metode 1 dari 4:

Membuat, Membuka, dan Menyimpan Berkas HTML

Unduh PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/1e\/Run-a-HTML-File-in-Visual-Studio-Code-Step-1-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-1-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1e\/Run-a-HTML-File-in-Visual-Studio-Code-Step-1-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-1-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Program ini mempunyai ikon berbentuk pita biru. Jalankan Visual Studio Code dengan mengeklik ikonnya. Anda bisa menemukan aplikasi ini di dalam menu Start (Windows), di folder Applications (Mac), atau di dalam menu Apps (Linux).
    • Jika belum punya, Anda bisa mengunduh aplikasi ini secara gratis di https://code.visualstudio.com/ . Klik tombol Download di situs web tersebut, lalu buka berkas instalasinya dari dalam peramban ( browser ) web atau folder Downloads di komputer. Ikuti petunjuk yang diberikan untuk memasangnya.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d6\/Run-a-HTML-File-in-Visual-Studio-Code-Step-2-Version-3.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-2-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d6\/Run-a-HTML-File-in-Visual-Studio-Code-Step-2-Version-3.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-2-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Buka atau buatlah berkas baru dengan melakukan salah satu langkah di bawah ini:
    • Buatlah berkas baru dengan mengeklik File pada bilah menu ( menu bar ) di sisi atas, dan lanjutkan dengan mengeklik New File . Sekarang Anda bisa mulai mengetik kode HTML .
    • Buka berkas yang telah ada dengan mengeklik File pada bilah menu di sisi atas, dan lanjutkan dengan mengeklik Open File . Cari berkas HTML yang diinginkan dan pilih berkas tersebut dengan mengekliknya. Setelah itu, klik Open .
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/64\/Run-a-HTML-File-in-Visual-Studio-Code-Step-3-Version-3.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-3-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/64\/Run-a-HTML-File-in-Visual-Studio-Code-Step-3-Version-3.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-3-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Jika Anda sudah siap menjalankan berkas HTML di Visual Studio Code, simpan berkasnya dalam bentuk HTML. Setelah berkas HTML disimpan, Anda bisa menjalankannya di peramban yang Anda sukai. Simpan berkas HTML di Visual Studio Code dengan melakukan langkah-langkah ini:
    • Klik File pada bilah menu di sisi atas.
    • Klik Save as .
    • Namai berkasnya di samping " File Name ".
    • Pada menu buka-bawah ( drop-down ) di samping " Save as type ", pilih " HTML ".
    • Klik Save .
    Iklan
Metode 2
Metode 2 dari 4:

Menggunakan Terminal

Unduh PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/5c\/Run-a-HTML-File-in-Visual-Studio-Code-Step-4-Version-3.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-4-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5c\/Run-a-HTML-File-in-Visual-Studio-Code-Step-4-Version-3.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-4-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ikonnya berbentuk pita berwarna biru. Jalankan Visual Studio Code dengan mengeklik ikonnya. Anda bisa menemukannya di dalam menu Start (pada Windows), folder Applications (untuk Mac), atau menu Apps (untuk Linux).
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/96\/Run-a-HTML-File-in-Visual-Studio-Code-Step-5-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-5-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/96\/Run-a-HTML-File-in-Visual-Studio-Code-Step-5-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-5-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Jika belum melakukannya, buka berkas HTML yang sudah ada, atau buatlah berkas HTML baru, lalu simpan ke format HTML. Jika berkas HTML sudah dibuka, klik tab yang berisi berkas HTML di sisi atas layar untuk menampilkannya.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/34\/Run-a-HTML-File-in-Visual-Studio-Code-Step-6-Version-3.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-6-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/34\/Run-a-HTML-File-in-Visual-Studio-Code-Step-6-Version-3.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-6-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Lakukan ini dengan mengeklik Terminal di sisi atas layar, dan mengeklik New Terminal . Terminal merupakan satu-satunya cara untuk membuka berkas HTML di Visual Studio Code tanpa harus menggunakan ekstensi. Cara ini juga paling rumit.
    • Sebagai alternatif, Anda bisa mengeklik View di sisi atas dan mengeklik Terminal .
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a2\/Run-a-HTML-File-in-Visual-Studio-Code-Step-7-Version-3.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-7-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a2\/Run-a-HTML-File-in-Visual-Studio-Code-Step-7-Version-3.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-7-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Anda akan diarahkan ke lokasi berkas HTML. Sebagai contoh, jika berkas HTML berada di dalam folder Documents, tik cd \Users\namapengguna\Documents dan tekan tombol Enter .
    • Jika berkas HTML disimpan ke huruf drive lain (bukan di drive yang sama dengan sistem operasi komputer), gantilah huruf drive tersebut di terminal agar Anda bisa membuka path ke berkas HTML. Cara melakukannya adalah dengan mengetikkan huruf drive -nya (misalnya D: untuk drive D:) dan menekan Enter .
    • Apabila Anda lupa dengan lokasi penyimpanan berkas HTML, klik kanan tab untuk berkas HTML tersebut di sisi atas layar, lalu pilih Copy Path . Tik cd di Terminal, lalu tempelkan ( paste ) path berkas HTML tersebut langsung di sebelahnya. Hapus nama berkas di akhir path , kemudian tekan Enter .
    • Jika nama folder di dalam path berkas HTML memiliki spasi, Terminal tidak akan bisa membuka folder tersebut. Gunakan File Explorer (Windows) atau Finder (Mac) untuk membuka folder yang memiliki spasi tersebut, dan gantilah nama foldernya dengan menghilangkan spasi. Sebagai contoh, jika foldernya bernama "Berkas HTML", gantilah namanya menjadi "Berkas_HTML".
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/00\/Run-a-HTML-File-in-Visual-Studio-Code-Step-8-Version-3.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-8-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/00\/Run-a-HTML-File-in-Visual-Studio-Code-Step-8-Version-3.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-8-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Sebagai contoh, apabila Anda ingin membuka berkas HTML bernama index , tik start index.html dan tekan tombol Enter . Berkas HTML tersebut akan dibuka di jendela yang baru sehingga Anda bisa melihat pratinjaunya.
    • Jika ingin menutup pratinjau, klik ikon "x" di sisi atas jendela. [1]
    Iklan
Metode 3
Metode 3 dari 4:

Menggunakan Ekstensi "HTML Preview"

Unduh PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/08\/Run-a-HTML-File-in-Visual-Studio-Code-Step-9-Version-3.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-9-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/08\/Run-a-HTML-File-in-Visual-Studio-Code-Step-9-Version-3.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-9-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ikonnya berbentuk pita berwarna biru. Jalankan Visual Studio Code dengan mengeklik ikonnya. Anda bisa menemukannya di dalam menu Start (pada Windows), folder Applications (untuk Mac), atau menu Apps (untuk Linux).
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/19\/Run-a-HTML-File-in-Visual-Studio-Code-Step-10-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-10-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/19\/Run-a-HTML-File-in-Visual-Studio-Code-Step-10-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-10-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ikonnya berbentuk 4 buah kotak yang terdapat di dalam bilah menu di sisi kiri. Menu pencarian Extensions akan dibuka.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/57\/Run-a-HTML-File-in-Visual-Studio-Code-Step-11-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-11-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/57\/Run-a-HTML-File-in-Visual-Studio-Code-Step-11-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-11-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Kolom pencarian berada di sisi kiri atas menu Extensions . Layar akan menampilkan daftar ekstensi yang sesuai dengan kata kunci pencarian Anda. "HTML Preview" merupakan sebuah ekstensi untuk Visual Studio Code yang bisa digunakan untuk menampilkan pratinjau berkas HTML dari Visual Studio Code dalam split-screen (pembagian layar secara terpisah) atau dalam jendela penuh.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0b\/Run-a-HTML-File-in-Visual-Studio-Code-Step-12-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-12-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0b\/Run-a-HTML-File-in-Visual-Studio-Code-Step-12-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-12-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Opsi ini akan berada di urutan paling atas daftar ekstensi yang ditampilkan. Ekstensi ini dikembangkan oleh Thomas Haakon Townsend. Ikonnya berbentuk perisai berwarna oranye yang di tengahnya terdapat angka "5" (logo HTML 5).
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/3e\/Run-a-HTML-File-in-Visual-Studio-Code-Step-13-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-13-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/3e\/Run-a-HTML-File-in-Visual-Studio-Code-Step-13-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-13-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Tombol ini terdapat di bawah heading " HTML Preview " pada halaman informasi di samping kanan menu ekstensi. Dengan mengekliknya, komputer akan memasang ekstensi tersebut. Tunggu beberapa menit hingga ekstensinya selesai dipasang.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6b\/Run-a-HTML-File-in-Visual-Studio-Code-Step-14-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-14-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6b\/Run-a-HTML-File-in-Visual-Studio-Code-Step-14-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-14-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Jika belum melakukannya, buka berkas HTML yang sudah ada, atau buatlah berkas HTML baru, lalu simpan ke format HTML. Jika berkas HTML sudah dibuka, klik tab yang berisi berkas HTML di sisi atas layar untuk menampilkannya.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a0\/Run-a-HTML-File-in-Visual-Studio-Code-Step-15-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-15-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a0\/Run-a-HTML-File-in-Visual-Studio-Code-Step-15-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-15-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ikonnya berbentuk split-screen yang memiliki kaca pembesar di sisi kirinya. Anda bisa menemukannya di sudut kanan atas. Ini akan membuka pratinjau berkas HTML secara split-screen di Visual Studio Code.
    • Tekan dan tahan Alt , lalu klik tombol pratinjau untuk melihat pratinjau kode HTML dalam layar penuh.
    • Jika ingin menutup pratinjau, klik ikon "x" di dalam tab pratinjau di sisi atas layar.
    Iklan
Metode 4
Metode 4 dari 4:

Menggunakan Ekstensi "Open in Browser"

Unduh PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/8b\/Run-a-HTML-File-in-Visual-Studio-Code-Step-16-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-16-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/8b\/Run-a-HTML-File-in-Visual-Studio-Code-Step-16-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-16-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ikonnya berbentuk pita berwarna biru. Jalankan Visual Studio Code dengan mengeklik ikonnya. Anda bisa menemukannya di dalam menu Start (pada Windows), folder Applications (untuk Mac), atau menu Apps (untuk Linux).
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/88\/Run-a-HTML-File-in-Visual-Studio-Code-Step-17-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-17-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/88\/Run-a-HTML-File-in-Visual-Studio-Code-Step-17-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-17-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ikonnya berbentuk 4 buah kotak pada bilah menu di sisi kiri. Menu pencarian Extensions akan ditampilkan.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/38\/Run-a-HTML-File-in-Visual-Studio-Code-Step-18-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-18-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/38\/Run-a-HTML-File-in-Visual-Studio-Code-Step-18-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-18-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Kolom pencarian berada di sisi kiri atas menu Extensions . Daftar ekstensi yang sesuai dengan kata kunci Anda akan ditampilkan. " Open in browser " merupakan ekstensi untuk Visual Studio Code yang bisa digunakan untuk membuka berkas HTML menggunakan peramban web yang Anda pilih dari dalam Visual Studio Code.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/2a\/Run-a-HTML-File-in-Visual-Studio-Code-Step-19-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-19-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2a\/Run-a-HTML-File-in-Visual-Studio-Code-Step-19-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-19-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ekstensi ini akan berada di urutan teratas daftar hasil pencarian. Ini adalah ekstensi buatan TechER yang namanya menggunakan huruf kecil semua. Pilih ekstensi tersebut dengan mengekliknya.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/61\/Run-a-HTML-File-in-Visual-Studio-Code-Step-20-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-20-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/61\/Run-a-HTML-File-in-Visual-Studio-Code-Step-20-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-20-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Tombol ini terdapat di bawah heading " open in browser " dalam halaman informasi di samping kanan menu ekstensi. Ekstensi ini akan dipasang setelah Anda mengekliknya. Tunggu selama beberapa menit hingga esktensi selesai dipasang.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7b\/Run-a-HTML-File-in-Visual-Studio-Code-Step-21-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-21-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7b\/Run-a-HTML-File-in-Visual-Studio-Code-Step-21-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-21-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Jika belum melakukannya, buka berkas HTML yang sudah ada, atau buatlah berkas HTML baru, lalu simpan ke format HTML. Jika berkas HTML sudah dibuka, klik tab yang berisi berkas HTML di sisi atas layar untuk menampilkannya.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/42\/Run-a-HTML-File-in-Visual-Studio-Code-Step-22-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-22-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/42\/Run-a-HTML-File-in-Visual-Studio-Code-Step-22-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-22-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ini akan memunculkan menu konteks.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e1\/Run-a-HTML-File-in-Visual-Studio-Code-Step-23-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-23-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e1\/Run-a-HTML-File-in-Visual-Studio-Code-Step-23-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-23-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Berkas HTML Anda akan dibuka di peramban web default komputer. Setelah melakukannya, peramban web akan menampilkan berkas HTML-nya. [2]
    • Sebagai alternatif, Anda bisa mengeklik Open in Other Browser dan mengeklik 2 kali peramban web yang Anda inginkan.
    • Apabila Anda diminta untuk memilih peramban default , klik peramban yang ingin digunakan untuk membuka berkas, lalu klik Ok .
    Iklan

wikiHow Terkait

Cara
Menonaktifkan McAfee
Cara
Membuat Inden pada Baris Pertama di Setiap Paragraf dalam Microsoft Word
Cara
Menandai Teks pada Dokumen PDF
Cara
Menambahkan Gambar ke Berkas PDF
Cara
Membuka Berkas EPUB
Cara
Memperbarui Driver Nvidia
Cara
Membuka Berkas .Dat
Cara
Membuat Program Sederhana dengan C++
Cara
Menambahkan Kata Sandi ke Berkas RAR
Cara
Menjalankan Berkas Python dengan Command Prompt di Windows
Cara
Menggunakan Tanda Fon Berwarna pada HTML
Cara
Menyalin Berkas ke Hard Disk Eksternal
Iklan

Referensi

  1. ↑ http://www.techtutorhub.com/article/How-to-Create-Run-HTML-Website-from-Visual-Studio-Code/80
  2. ↑ https://medium.com/geekculture/how-to-run-html-in-visual-studio-code-ba4c6818c919

Tentang wikiHow ini

Bahasa lain
Halaman ini telah diakses sebanyak 47.815 kali.

Apakah artikel ini membantu Anda?

Iklan