Live Reload — плагин для Sublime text

Live Reload - плагин для Sublime text

LiveReload — плагин для Sublime Text, который позволяет редактировать код и обновлять страницу сайта на локальном сервере в реальном времени. Т.е. я редактирую код страницы и она автоматически обновляется, показывая мне изменения.

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

Процесс выглядит примерно так:
— берем Winsplit и делим экран на две части.
— в одну сторону — браузер, во вторую — sublime text с рабочим livereload
— начинаем работать с кодом и видим, что браузер обновляется сам и изменения вступают в силу.

Нюансы:
— работает только с локальными серверами или просто с файлами на компьютере
— дополнительно требует установку программы
— дополнительная вставка js-кода на страницу или установка плагина для браузера

Что требуется для работы LiveReload и Sublime Text

1. Подключить плагин. Для этого идем в репозиторий и скачиваем плагин, либо через поиск импортируем сразу в блокнот. Или берем его на: GitHub.com/

2. Скачиваем программу с официального сайта по ссылке
http://download.livereload.com/windows/LiveReloadSetup.exe

3. Добавляем папку, над которой будем работать через кнопку +add в программе:

Live Reload - плагин для Sublime text

4. После добавления папки у нас будет два пути: добавить полученный код на страницы сайта (если используется php include, то код достаточно добавить в файл шапки и все) или включить плагин в браузере!

Плагины
Для Opera 12.16
https://addons.opera.com/ru/extensions/details/livereload-201-beta/?display=en

Для Chrome
В поиске найти довольно проблематично.
https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei

Для Opera 15+
Разработчики еще не сделали для \»хромооперы\» отдельный плагин. Но как известно, этот браузер является копией хрома, а значит нам потребуется специальный плагин, который дает возможность использовать плагины хрома в хромоопере. Установить его можно тут: https://addons.opera.com/ и после этого зайти по ссылке выше для хрома и поставить себе в оперу его!

Собственно все! Программа LR должна бть запущена, когда ведется работа над файлами. Так же нужно проверить настройки плагина, чтобы там были прописаны true для трех языков

Новости от партнеров

Комментарии

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *