Как установить LiveReload на Sublime Text 3?

Ответ 1

Платформа, которую я использовал: Linux Mint 17+
Я хочу поблагодарить http://anthozano.fr/livereload-pour-sublime-text-3/. Я смог запустить живую перезагрузку над возвышенным текстом 3 с инструкциями на веб-сайте. Тем не менее, веб-сайт написан на французском языке (я считаю, что Google translate сказал), поэтому я решил написать здесь шаги.

Сначала установите возвышенный текст 3 отсюда http://www.sublimetext.com/3 или следуйте по своему усмотрению (я сделал это с Linux mint Package manager).

Во-вторых, установите управление пакетом отсюда https://packagecontrol.io/installation#st3 (инструкция четко указана на веб-сайте, поэтому я сделал не объясняйте это много).

В-третьих, откройте управление пакетом (ярлык: Ctrl+Shift+P) и выполните поиск Package Control: Add Repository

Теперь появляется область для ввода URL-адреса в нижней части окна возвышенного текста 3. Введите https://raw.github.com/Grafikart/ST3-LiveReload/master/package.json.

Снова откройте управление пакетом и выполните поиск Package Control: Install Package, а затем выполните поиск LiveReload в следующем окне.

Настройте установку пакета LiveReload на Preferences > Package Settings > LiveReload > Setting - Default и вставьте это:
  

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

Теперь для вашего браузера установите подключаемый модуль LiveReload, как показано ниже:
Firefox: http://download.livereload.com/2.1.0/LiveReload-2.1.0.xpi
Chrome: https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei
Safari: http://download.livereload.com/2.1.0/LiveReload-2.1.0.safariextz

Не забудьте включить плагин LiveReload в браузере после его установки, чтобы сразу увидеть изменения кода, отображаемые в браузере.

Примечание. Пользователи Chrome, для поддержки LiveReload для страниц file://, перейдите к chrome://extensions/ и отметьте Allow access to file URLs.

Снимок сделан из Safari для Mac OSX:

Наслаждайтесь, живите перезагрузкой с возвышенным текстом 3.

Спасибо Энтони Лозано за http://anthozano.fr/livereload-pour-sublime-text-3/.

Ответ 2

Плагин, упомянутый в комментариях, LiveReload, доступен как для ST2, так и для ST3, как указанный графиком на ссылке "Управление пакетами", которую я только что предоставил. Он также отлично работает в Windows, так как большинство его пользователей находятся на этой платформе. Репозиторий Github может быть назван "LiveReload-sublimetext2", но если вы прочтете документацию, в нем четко упоминается ST3. Инструкции для Linux и OS X в readme предназначены для установки с помощью git. Вы также можете использовать git в Windows (если он установлен), но автор, по-видимому, не хотел вводить явные инструкции в README. Вместо этого предпочтительным способом установки является управление пакетами, как описанное выше, с помощью любезного пользователя DaV. Если его комментарий исчезнет, ​​сделайте следующее:

• Открыть Sublime Text 3.
• Откройте палитру команд с помощью Ctrl Shift P.
• Введите pci, чтобы открыть Package Control: Install Package. Нажмите Enter.
• Введите LiveReload и убедитесь, что выбран нужный пакет. Если нет, используйте клавиши со стрелками. Нажмите Enter.
• Прочтите документацию и либо добавьте соответствующий JavaScript в свои документы, либо загрузите плагин браузера (который вы, кажется, уже сделали, так хорошо для вас).
• Перейдите к разработке.

Ответ 3

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

https://www.youtube.com/watch?v=Rv5f_v5gqw4

Ответ 4

LiveReload Sublime text3: https://github.com/Grafikart/ST3-LiveReload

Но использование, похоже, изменилось: Включите нужные плагины через командную палитру (Ctrl + Shift + P), добавьте файл hcml в файл livereload.js.

Ответ 5

Прошло много времени. Теперь, для возвышенного текста 3, самый современный плагин LiveReload можно найти здесь.

Я столкнулся с этой проблемой, когда попытался настроить предварительный просмотр файлов с разделителями (я не тестировал другие типы файлов). Я думаю, вам может быть интересно.

• Сначала вам нужно установить sublimetext-markdown-preview. Следуйте инструкциям на как просмотреть в браузере.

  используйте cmd+shift+P, затем Markdown Preview, чтобы показать следующие команды (вам будет предложено выбрать, какой из парсеров вы предпочитаете):

  • Предварительный просмотр Markdown: просмотр в браузере

• Используйте управление пакетами для установки LiveReload.

  Управление пакетами:

  Запустите команду "Управление пакетом: установка пакета", найдите и установите плагин LiveReload > . Перезапустить редактор ST (если требуется)

• Отредактируйте пользовательский параметр плагина LiveReload в Preferences->Package Settings->LiveReload->Setting - User, добавьте следующее:

  {    "enabled_plugins": [       "SimpleReloadPlugin"   ] }

Теперь вы можете использовать функцию reneload при редактировании файлов разметки.

Как найти точное имя плагина

Репозиторий github неясно, как установить плагин в пользовательских настройках, просто предоставить список поддерживаемых плагинов без указания их фактических имен, После проверки пакета (см. Изображение ниже) я нашел точные имена для этих плагинов:

• CompassPlugin
• LESSPlugin
• CoffeescriptPlugin
• SimpleReloadPlugin
• SimpleReloadPluginDelay