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

Раздел: Софт » 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 для трех языков


Понравилась статья "Live Reload - плагин для Sublime text" из раздела Софт » Sublime Text? Подпишись на RSS. Будь в курсе всего происходящего на сайте
Комментариев: 0 •  Просмотров: 11232   Дата: 26-мар-2014, 16:50

Похожие статьи

Комментарии

b
i
u
s
|
left
center
right
|
emo
color
|
hide
quote
translit

© 2010-2017 devarts.pro v 7.0: flexyflat tpl Designed by devarts
Карта сайта HTMLКарта сайта XMLПравообладателям
Яндекс.Метрика