Cara Setting Browser Auto Refresh di Visual Studio Code

Jika anda bekerja sebagai web design atau front end, maka postingan ini cocok untuk anda, disini saya ingin berbagi informasi bagaimana cara live preview atau auto refreh browser di vs code. Jadi ini khusus teman - teman yang menggunakan editor visual studio code.

Berikut langlah - langkah cara setting broswer auto refreh di VS Code.

1. Buka editor VS Code dan browser, disini saya menggunakan Google Chrome
2. Buka program atau source code anda di editor vs code
3. Pilih icon extensions di sidebar kiri paling bawah

4. Selanjutnya cari extension "live server"

5. Posisi disini saya sudah install extension ini, tapi teman - teman yang belum install, pilih button install yang berwarna hijau, tunggu sampai proses install selesai.

6. Selanjutnya klik kanan pada file yang di lihat live previewnya. selanjutnya Open with Live Server

7. Sebelum Anda melihat live previewnya, semua code atau script anda harus di simpan terlebih dahulu, bisa dengan cara control+s

8. Teman - teman lihat url hasil live preview di browser yang teman - teman pakek. dari gambar di atas bisa di lihat urlnya adalah : 127.0.0.1:5500/index.html

Semoga postingan ini bisa bermanfaat. Happy coding....

Share :