В этой статье мы рассмотрим подключение плагина Live Edit - автоматическое обновление страницы при ее изменении в PhpStorm.[spoiler]
Нам понадобятся плагины JetBrains IDE Support для Google Chrome и Live Edit для PhpStorm
Начнем с установки плагина для Google Chrome - JetBrains IDE Support, переходим по ссылке, нажимаем + установить
После установки плагина открываем PhpStorm, переходим в настройки (File -> Settings), выбираем раздел Plugins и нажимаем кнопку Install JetBrains plugin...
В следующем окне в поиске набираем LiveEdit и нажимаем на зеленную кнопку Install
После установки PhpStorm предложит перезапуститься, перезапускаем PhpStorm.
Чтобы LiveEdit начал работать нам необходимо включить отладчик, нажимаем правой кнопкой мыши по файлу с которым хотим работать и выбираем в меню Debug
Также у меня не работал LiveEdit пока я не нажал Enale live Edit в Event Log
Вот и все.
Небольшое дополнение:
Если вас раздражает надпись "JetBrains IDE Support отлаживает этот браузер" то ее можно отключить.
1. Открыть вкладку chrome://flags (в строке поиска).
2. Найти пункт Silent Debugging.
3. Нажать кнопку Enable.
4. Перезагрузить Chrome.
Также если вы не используете PhpStorm или используете другую IDE для автоматического обновления страниц при изменении можно использовать универсальное решение Browsersync - статья по настройке.
