Jasa Konsultan IT – Seringkali developer malakukan refresh browser setiap kali melakukan perubahan kode, pekerjaan berulang seperti itu dapat diotomatiskan loh. Jika menggunakan VSCode sebagai code editor, kita bisa menggunakan ekstensi tambahan yang bernama Live Server. Live server ini memiliki fitur penting yaitu live reload browser, sehingga kita tidak perlu lagi melakukan refresh pada browser saat terjadi perubahan. Cara Develop Website Live (PHP/HTML) Tanpa Perlu Refresh Browser di VSCode
Instalasi ekstensi Live Server untuk VSCode sangat mudah, kita hanya perlu membuka ekstensi di VSCode atau dengan menekan shortcut ctrl+shift+x kemudian ketik Live Server, pastikan Liver Server versi Ritwick Dey yang telah diunduh sekitar 18 juta kali lebih saat artikel ini diunggah. Jika sudah ketemu, silahkan klik instal dan tunggu prosesnya hingga selesai.
Setelah instalasi selesai, buka folder proyek dan buka berkas yang diedit. Kemudian pada bagian bawah, klik Go Live. Setelah itu, apapun yang disimpan pada berkas proyek akan secara otomatis merefresh halaman browser.
Ekstensi Live Server pada VSCode akan berjalan dengan baik jika berkas proyek merupakan berkas HTML. Namun, jika berkas proyek pada VSCode adalah berkas PHP, kita membutuhkan ekstensi Live Server tambahan pada browser Google Chrome.
Instalasi Live Server pada Google Chrome dapat dilakukan melalui tautan https://chrome.google.com/webstore/detail/live-server-web-extension/ . Kemudian lakukan setting sebagai berikut:
Seting plugin/extension Google Shrome Live Server Web Extension dengan mengaktifkan live reload, kemudian actual server address isi dengan halaman localhost yang digunakan untuk melihat halaman php (localhost dari XAMPP atau sejenisnya). Live Server Address isi dengan alamat live server yang muncul pada browser saat mengklik Go Live pada VSCode. Klik apply dan setelah itu setiap perubahan yang terjadi pada VSCode akan merefresh otomatis di browser.
Baca Juga: Tips Pilih Jasa Konsultan IT
