Написать пост

Sublime Text 4. Установка плагина LiveReload для автообновления страниц в Google Chrome

Обновляем страницу браузера автоматически при редактировании файлов на локальном сервере с помощью Sublime Text 4

Каждый, кто имеет дело с разработкой веб-проектов знает, что для просмотра результата требуется постоянно обновлять страницу в браузере, это отнимает, хоть и немного, но время. 

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

Приступим к настройке.

1. Настройки браузера Google Chrome

Открываем браузер Google Chrome (в статье рассматриваю только данный браузер, т.к. другими не пользуюсь), переходим в «Меню» (троеточие сверху справа) — «Дополнительные инструменты» — «Расширения»:

Переходим в «каталог расширений» по ссылке «Открыть Интернет-магазин Chrome»:

В поисковой строке вводим запрос на поиск «LiveReload» и переходим на страницу плагина, щелкнув по заголовку:

Щелкаем «Установить»:

В появившемся всплывающем окне «Установить расширение». На этом завершаем настройку браузера и переходим к настройке редактора Sublime Text 4.

2. Настройка редактора Sublime Text 4

Щелкаем кнопки на клавиатуре «Ctrl + Shift + P», вызываем окно списка функций. В этом окне можно найти, скачать и установить функции, плагины для редактора и т.д.

В строке поиска пишем «Package Control», выбираем вариант «Package Control: Install Pakage», а затем ищем плагин «LiveReload», устанавливаем:

Далее переходим в «Preferences» — «Package Settings» — «LiveReload» — «Settings - User» и вставляем следующий код:

{
"enabled_plugins": [
"SimpleReloadPlugin",
"SimpleRefresh"
]
}

Теперь не нужно при каждом запуске Sublime Text включать LiveReload.

Финальным шагом, в браузере Google Chrome нажимаем на значок в правом верхнем углу «LiveReload» для синхронизации с Sublime Text.

10 августа в 15:55

Коментарии

Как заблокировать вызовы с неизвестных и скрытых номеров на MIUI 12АнонимВчера в 15:24

MIUI Global 12.5.4 нет раздела "антиспам".
Есть некоторые настройки в разделе "АОН и спам" в меню системного приложения "Вызовы", но нет возмосности огранить список поступающих звонков только телефонной книгой.

Sublime Text 4. Установка русского языкаАнонимВчера в 03:50

Большое спасибо, очень помогло!

Как удалить Kaspersky Endpoint Security 11, если забыл пароль?Аноним23 сентября в 14:44

Аноним, НЕ удается изменить. Ошибка записи знченния нвого параметраУ вас доменный ПК? Возможно политиками организации внесение в реестр запрещено

Как удалить Kaspersky Endpoint Security 11, если забыл пароль?Аноним23 сентября в 14:43

НЕ удается изменить. Ошибка записи знченния нвого параметра

Как заблокировать вызовы с неизвестных и скрытых номеров на MIUI 12Аноним13 сентября в 19:29

Аноним, В MIUI 12 этого нет.Какой у Вас телефон?

Настройка ip-камеры Mi Home Security Camera 360 1080PАноним11 сентября в 02:38

Добрый вечер. Как сделать что бы камера MI home camera 360 , 1800p записывала с 9:00 до 18:00 и потом только при движении. Можно ли так!? Карта памяти стоит максимальная которая для неё только возможна.

Sony Vegas Pro 13. Сохраняем видео без потери качестваАноним02 сентября в 15:44

спасииииибо! наконец то без пикселей

Установка memcache и memcached в OpenServerАноним22 августа в 14:09

Аноним, Эти библиотеки есть в Open Server изначально "из коробки". Достаточно раскомментировать строку в конфиге. Зачем их скачивать отдельно где-то?Они "из коробки" не работают