11 августа, 2014

Sublime Text

Связка Sublime Text 3 и Emmet LiveStyle у меня работает

Работает, но через раз.

Установка

  1. Sublime Text 3: Ctrl + Shift + PPackage Control: Install PackageLiveStyle, устанавливаем, перезагружаем.
  2. Google Chrome: Google Webstore, устанавливаем.
  3. Google Chrome: открываем html файл в котором хотим обозревать изменения на лету, Ctrl + Shift + iLiveStyle → Ставим галку Enable LiveStyle for current page, добавляем локаьлный файл CSS.
  4. Sublime Text 3: открываем локальный файл CSS, правим его и радуемся.

Использование

Если перестала работать связка, отвалились некоторые стили или вы продолжили работу прошлой сессии:

  1. Перезапустить Sublime Text 3.
  2. Сохранить CSS файлы.
  3. В Google Chrome обновить HTML страницы.
  4. Убедиться что в Google Chrome открыта панель разработчика (Ctrl + Shift + i), на вкладке LiveStyle разрешён LiveStyle для данной страницы и убедиться в том, что LiveStyle в Google Chrome видит Sublime Text 3 (В правом верхнем углу значёк Sublime).
  5. Проверьте правильность синтаксиса правил css. Например при отсутствии закрывающей ";" или повторения закрывающй "}" тоже может не работать эта связка.

6 комментариев к публикации „Связка Sublime Text 3 и Emmet LiveStyle у меня работает“

1. 12 Марта, 2015 | Rob Roy

5. Проверьте правильность синтаксиса правил css. Например при отсутствии закрывающей ";" или повторения закрывающй "}" тоже может не работать эта связка.

2. 12 Марта, 2015 | Максим Златов

Спасибо, добавляю

3. 25 Марта, 2015 | Александр

OSX 10-9-5, Chrome последний: Установил сегодня по всем правилам... Сублик видит значок отображается, файлы, добавляемые в сублике видит в браузере(в выпадающих списках), но синхронизации и лайф-изменений вообще нет.. что в Сублике правлю(в браузере не видно), что в отладчике правлю браузерном(в сублике никаких реакций)...

4. 26 Марта, 2015 | Максим Златов

К сожалению нет у меня OSX. И когда настраивал это под своей осью (Win7) тоже долго в бубен стучал. Чрезвычайно прихотливый плагин, я от него в последствии отказался.

5. 1 Мая, 2015 | Ольнёв Павел

Долго бился, чтобы lifestyle заработал. На форумах ничего не нашел. Пришлось самим копаться. Выяснилось, что при редактировании css в браузере или Sublime, скрипт расширения Хрома emmet lifestyle дает ошибку и не выполняется. Этот скрипт лежит примерно здесь: c:\Users\...\AppData\Local\Google\Chrome\User Data\Profile\...\Extensions\diebikgmpmeppiilkaijjbdgciafajmg\0.8.2.1230_0\ и называется background.js. Весь его код минимизирован в очень длинные две строчки. Думаю, что некоторые версии браузеров не могут прочитать этот код. Поэтому я просто бьютифизировал (привел в развернутый вид) весь код этого файла и связка заработала. Ошибки скрипта перестали выходить в проверочном консоле.

6. 14 Октября, 2015 | Рома

25 Марта, 2015 | Александр OSX 10-9-5, Chrome последний: Установил сегодня по всем правилам... Саш? привет! точ такая же проблема! Как решили? Подскажите пожалуйста, если решили... у меня идентичные конфиги:osx1095 + хром + сублик

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

2010–2018 Блог Максима Златова, контакты

PHP execution time: 0.0048 s.
SQL execution time: 0.0001 s. (select publication with comments)

Яндекс.Метрика