Поддерживает ли редактор Sublime Text 2 предварительный просмотр HTML и CSS в реальном времени?

Поддерживает ли редактор Sublime Text 2 предварительный просмотр HTML и CSS в реальном времени?


html css sublimetext sublimetext2
person user1528138    schedule 10.10.2012    source источник
comment
››› Посмотрите на мой ответ здесь (только OSX)   -  person Flavien Volken    schedule 31.03.2014
comment
Я бы не стал разрабатывать LIVEditor, если бы возвышенный текст имел полностью интегрированные HTML и CSS в реальном времени. предварительный просмотр.   -  person Edwin Yip    schedule 01.04.2014

Ответы (2)


arrow_upward
41
arrow_downward

Для этого есть пакет: Обновление браузера от Джованни Коллазо. Он поддерживает OS X и Windows 7, а также все основные браузеры.
Вы можете установить его с помощью Package Control (или вручную) и активировать его с помощью super+shift+r в Sublime Text 2.

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

Обновление:

Программное обеспечение, совместимое с Windows XP

  • LiveReload (предварительная альфа-версия для Windows) — также есть поддержка Пакет Sublime Text 2
  • XRefresh — устаревшая версия LiveReload (стоит упомянуть для стабильной совместимости с XP)
  • AutoHotKey — пример
  • скрипт VBS - запускается сочетанием клавиш

Расширения Chrome

Дополнения Firefox

Дополнения для IE


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

person Sara    schedule 10.10.2012
comment
благодаря. Но в настоящее время это только для Mac, а я на Windows XP. - person user1528138; 11.10.2012
comment
Какой браузер вы используете? (Для будущих читателей: плагин совместим с Windows 7) - person Sara; 11.10.2012
comment
Я обновил свой ответ некоторыми альтернативами, совместимыми с Windows XP, надеюсь, одна из них поможет. - person Sara; 11.10.2012
comment
Хороший ответ и практичный. Спасибо Сара +1 ;) - person Saeed Neamati; 15.07.2013
comment
Все плагины Chrome устарели - person maysi; 17.03.2015
comment
@Simon Я добавил несколько альтернатив. - person Sara; 06.04.2015

arrow_upward
0
arrow_downward

Я обнаружил, что самый простой способ использовать Sublime с живым HTML и CSS — это установить WAMP (www.wampserver.com/en/) или XAMPP (www.apachefriends.org/en/xampp.html), который устанавливает веб-сервер Apache, Сервер PHP и Mysql на вашем компьютере. Затем вы можете редактировать свои файлы в Sublime, и пока они находятся в корневой веб-папке Apache (я полагаю, что это wamp/htdocs или xampp/htdocs), вы можете перейти на localhost//filename.html и там есть ваш html файлы. Сохраните в Sublime и обновите страницу, и вот ваши изменения.

Вы также можете просто открыть html-файл в Chrome или Firefox, выбрав «Открыть с помощью». Однако я обнаружил, что иногда, если у вас есть динамический контент или ссылки, они могут работать неправильно.

person koerbcm    schedule 10.10.2012
comment
Спасибо за информацию. На самом деле, из вашего ответа я понял, что после выполнения этой процедуры все еще нужно нажать Alt + Tab, чтобы переключиться с текстового редактора на браузер, и нажать F5, чтобы обновить веб-страницу. Что я хочу знать, так это то, что при кодировании Html и Css может ли редактор Sublime Text 2 просматривать его в реальном времени в соседнем окне или нет? - person user1528138; 10.10.2012
comment
Я не верю, что в Sublime есть браузер, однако с таким количеством пакетов, сколько у них есть, он может появиться или когда-нибудь в будущем. Я нашел это видео об использовании Builds для предварительного просмотра вашей работы в разных браузерах. Надеюсь это поможет. youtube.com/watch?v=u8ufaPD-AnQ - person koerbcm; 10.10.2012