Node.js değişiklik yapınca sayfa yenilenmesi (Browser refresh)

Merhaba arkadaşlar bu yazımda sizlere tasarım yaparken html,css, js gibi dosyalarda değişiklik yapınca browseri yenileme zahmetinden kurtaran node.js paketini kurmayı anlatacağım.
Bu paket sayesinde belirttiğiniz klasör içindeki değişikleri otomatik algılayıp tarayıcıya yansıtıyor .

Öncelikle node.js in kurulu olması lazım , eğer değilse google a node.js yazarak kurabilirsiniz

alttaki komut ile gerekli paketimizi kuruyoruz

npm install -g browser-sync

Çalıştırmak içinde değişiklikleri izleyeceğimiz klasörün içinde komut satırını çalıştırıyoruz(shift + sağ tık ve komut satırını burada aç diyerek veya cd ile klasörü seçerek)

Aşağıdaki kodu yazarsak klasör içindeki tüm dosyaları izler

browser-sync start --server --files *

Aşağıdaki kod ise sadece .css uzantıları izler. Uzantıları istediğiniz gibi değiştirebilirsiniz

browser-sync start --server --files *.css