«Живое» обновление html-страницы при верстке

Каждый, кто когда либо сталкивался с версткой, знает, сколько времени уходит на постоянное обновление страницы, чтобы увидеть результаты изменений. Но, как выяснилось, существует несколько решений для этой проблемы: LiveReloadX для Node.js и дополнение LiveReload для Visual Studio Code. Также есть LiveReload для Python. Все они работают так: отслеживают изменения в файловой системе и запускают на localhost Websocket-сервер, через который отправляют уведомления, что нужно перезагрузить страницу. А в редактируемый HTML нужно добавить простой скрипт, который и будет получать эти уведомления и перезагружать страницу.
Установка:
sudo npm install -g livereloadx
Код для вставки в HTML:
<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] +':35729/livereload.js?snipver=2"></' + 'script>')</script>
Кроме этого, LiveReloadX имеет ещё два режима: статический и proxy.
В статическом на указанном порту (по умолчанию это 35729) запускается Web-сервер, который добавляет необходимый код в HTML автоматически и отдаёт файлы из указанного каталога. Команда запуска:
livereloadx -s [-p порт] [путь/к/файлам]
Подробнее — см. в официальной документации.
Из недостатков: не умеет распознавать расширение .htm (игнорирует такие файлы), файл обязательно должен иметь расширение .html.