Автообновление страниц в Chrome через Sublime Text 3 - Плагин LiveReload
Каждый кто занимается разработкой сайтов, веб-игр и т.д., знает, для того что бы увидеть результат работы нужно постоянно обновлять страницу браузера и это отнимает от работы хоть и не большую, но часть времени. В этой теме я кратко расскажу как настроить автообновление страниц в браузере Google Chrome использую редактор текста Sublime Text 3 с помощью плагина LiveReload в 2020 году.
Тема с автообновлением страниц очень популярна у верстальщиков, так как это очень сильно ускоряет работу. После всех настроек, код на странице Chrome будет обновляться автоматически, при каждом сохранении файла в Sublime Text 3, не обновляя сам браузер. Так же у многих появился вопрос, почему не работает LiveReload в Chrome страницы перестали автоматически обновляться. Об этом я расскажу ниже в статье.
Настройка автообновлений в браузере Chrome
Первым делом нам нужно скачать расширение LiveReload для браузера Chrome.
Шаг 1. Переходим в Sublime Text и зажимаем клавиши "Ctrl+Shift+p", после чего в поле вводим "Package Control".
Шаг 2. Далее, откроется такое-же поле, в которое вводим "LiveReload" и так-же кликаем по плагину который нам нужен, как на картинке.
Шаг 3. Ждем пару секунд, должен будет открыться новый текстовый документ с сообщением что плагин установлен, после чего перезапускаем Sublime Text.
Шаг 4. Переходим в Chrome, в правом верхнем углу жмем на три точки выбираем "Дополнительные инструменты/Расширения". Ищем ранее установленное расширение LiveReload и жмем кнопку "Подробнее". Опускаемся в самый низ и включаем "Разрешить открывать локальные файлы по ссылкам", как на картинке.
Шаг 5. Теперь нам нужно активировать загруженный плагин, переходим во вкладку "Preferences" если у вас на русском то во вкладку "Опции", далее "Package Settings/LiveReload/Plugins/Enable/disable plugins", жмем "Enable/disable plugins" и выбираем Enable - Simple reload.
Шаг 6. Переходим снова в Sublime text 3 во вкладку Preferences/Package Settings/LiveReload/Settings - User и вставляем этот код как на картинке.
| { "enabled_plugins": [ "SimpleReloadPlugin", "SimpleRefresh" ] } |
Шаг 7. Завершающий шаг. В браузере нажимаем на значок в правом верхнем углу LiveReload для синхронизации Sublime Text и браузера Google Chrome.
спасибо за подробное руководство))
Рад, что вам понравилось!
методом научного тыка нажал ctrl+shift+p ввёл в строку live и выбрал livereload self test после чего открылась страница с ссылкой Start testing я на неё нажал и всё заработало.
Так не пробовал но, может кому-нибудь полезно будет.