Вопросы по верстке от новичка

[Vmelnikoff]

1. Как (можно ли вообще) настроить в WebStorm Emmet (ex-ZenCode) Preview?

В основном окне редактора я ввожу к примеру: table+

а в соседнем окне чтобы отображалось то, что появится если я нажму ТАБ

<table>    <tr>        <td></td>    </tr></table>

 

2. Хочу live edit,
Установил лпагин для Хрома  JetBrains IDE Support  2.0.9

При открытие index.html запускаю Debug в хроме открывается новое окно пишет что отлаживает этот браузер.

Но при написании дополнительного кода в окне хрома ничего не обновляется.

Если обновить страницу то обновление появляются

Можно ли как то сделать автоматом обновление, как на видеотуториалах?

Настройки из коробки по умолчанию

Edited January 31, 2016 by Vmelnikoff

[Great Rash]

Но это же не вопросы по вёрстке

[VeniVidiVici]

1. Как (можно ли вообще) настроить в WebStorm Emmet (ex-ZenCode) Preview?

Не знаю, есть ли такое, но вот ссылка на все шаблоны+ в Phpstorm есть такая же таблица - со временем запомнишь основные сокращения, так что превью вряд ли сильно понадобится

http://docs.emmet.io/cheat-sheet/

 

2. Хочу live edit 

Вот это я тоже долго не мог настроить, но решение есть  :

 

Settings -> Build, Execution, Deployment -> Debugger -> Live Edit -> toggle "Auto in (ms)" on

 

 

P.s. кстати по Emmet плагину, стал использовать Jade, но в PhpStorm в файлах с расширением .Jade, он не работает(к примеру хочу из img+ получить img(src='#', alt='')

Может быть кто-нибудь сталкивался с таким и знает как пофиксить?

Edited February 1, 2016 by VeniVidiVici

[Igor Schnaider]

хочу из img+ получить img(src='#', alt='')

Так просто же img нужно.

[VeniVidiVici]

Так просто же img нужно.

плюс я зря в сообщении добавил)) в общем без плюса тоже не работает, знаю что в sublime text сумели подружить emmet и jade, а вот для phpstorm решение я так и не смог найти.

Edited February 2, 2016 by VeniVidiVici

[Vmelnikoff]

Со вторым вопросом разобрался сам.

Может кому пригодится. Для коробочной версии, чтобы полностью работал LiveEdit а не только по F5 в браузере:

 

Как включить LiveEdit в PHPStorm/WebStorm?

     Нажать CTRL+ALT+S выбрать в плагинах LiveEdit и нажать установить. Перезагрузить. Все заработало.

Edited February 15, 2016 by Vmelnikoff