Автоматическая перезагрузка страницы в браузере при сохранении файла
Сайтодел
В этом уроке я расскажу тебе о полезном плагине для "Sublime Text 3", при помощи которого после сохранения файла происходит автоматическая перезагрузка страницы в браузере.
Таким образом не надо после каждого обновления страницы сохранять её, переходить в браузер и жать F5. Достаточно лишь первого действия. Но для этого надо все настроить. Приступаем!
Настройка редактора
Для начала установи в редакторе "Sublime Text 3" плагин "LiveReload".
После этого, перейди в файл пользовательских настроек установленного плагина, как показано на скриншоте.
В открывшемся файле пропиши такие настройки:
{
"enabled_plugins": [
"SimpleReloadPlugin",
"SimpleRefresh"
]
}
Настройка браузера
Теперь необходимо установить плагин "LiveReload" для твоего браузера. Если ты используешь Chrome, то вот ссылка для установки: chrome.google.com/webstore/detail/livereload/
Следующим шагом надо перейти на страницу настроек расширения. Для этого в адресной строке введи "chrome://extensions" и нажми "Enter". В открывшемся окне найди блок расширения "LiveReload", нажми "Подробнее".
У пункта "Разрешить расширению просмотр и изменение ваших данных на посещаемых сайтах" укажите "На всех сайтах". А чекбокс "Разрешить открывать локальные файлы по ссылкам" установите во включенное состояние.
Использование расширения
Для начала создай в редакторе "Sublime Text 3" свой HTML-документ и открой его в браузере. Там нажми на иконку расширения "LiveReload" и включите его.
Теперь внеси изменения в HTML-файл и сохраните нажав "Ctrl + S". Изменения отобразятся автоматически в браузере. Это очень удобно и практично. Согласись?!
Из процесса написания кода пропадает постоянный момент переключения из редактора в браузер и ручное обновление страницы. Поэтому пользуйся такой полезной фишкой для работы!
Ссылка на канал: https://t.me/sitodel