Как по мне, для новичка самым простым и удобным способом будет установить это популярное расширение.
Вот для хрома.
Если вы хотите использовать его с локальными файлами, обязательно установите флажок "Разрешить доступ к файлам" в Инструменты > Расширения > LiveReload после установки.
Как запустить:
- Убедитесь, что LiveReload запущен
- Нажмите кнопку панели инструментов LiveReload, чтобы включить или отключить LiveReload.
Кнопка панели инструментов LiveReload находится на главной панели инструментов в Chrome и Safari и на панели инструментов надстройки в Firefox (внизу).
Значок указывает состояние LiveReload текущей вкладки (недоступно/отключено/включено/идет подключение/идет отключение).
Если вы используете такие вещи, как CoffeeScript, SASS или LESS (и вы должны!), LiveReload скомпилирует их все для вас. Просто включите его; LiveReload управляется двумя основными флажками, поэтому вы не заблудитесь.
gulp webpack и т.д.и т.п.
– Air 25 сен '18 в 12:33