LiveReload — автоматизируй процесс разработки

Сегодня речь пойдёт о плагине LiveReload, который позволяет автоматизировать процесс обновления страницы браузера при сохранении документа.

При сборке сайта мы тратим приличное время на постоянное обновление браузера, чтобы увидеть текущие изменения, плагин LiveReload делает это за нас при сохранении документа.

Установка LiveReload

• Переходим на сайт livereload.com и скачиваем нужную вам версию в зависимости от используемой операционной системы.

• Производим стандартную установку скаченного дистрибутива

• Устанавливаем расширение LiveReload для браузрера

  Для Google Chrome: настройки->расширения ищем расширение LiveReload и устанавливаем. Рак расширение будет установлено ставим галочку в расширении «разрешить открывать файлы по ссылкам» и перезапускаем браузер

• После установки перезапустите редактор (бывают проблемы с невозможностью использовать 35729 порт — попробуйте зайти в расширения браузера -> livereload -> и ставим галочку «открывать файлы по ссылкам»), после чего добавляем автообновление в наш новый или уже существующий проект

  

• Открываем проект редактором и пользуемся.