text phpstorm live-reload for domain

Posted 2021-05-03

Не знаю новостью это будет для кого-то или нет, но я допустим не видел видосы про такую штуку, как сделать на OpenServer так называемый livereload для ВСЕГО домена на phpstorm при помощи плагина LiveEdit.

Суть заключается в следующем:

1. Имеем проект по пути, например D:\OpenServer\domains\test
2. Устанавливаем в phpstorm плагин LiveEdit
3. устанавливаем для браузера GoogleChrome расширение JeyBrains IDE Support
4. Открываем проект в phpstorm
5. В панели debug - там, где стрелочка вправо с жуком :) так вот слева от срелочки жмём вкладку со стрелочкой вниз и выбираем Edit Configurations
6. В появившемся меню видим список Default, выше этого списка выбираем зелёный плюсик и жмём пункт меню JavaScript Debug ))))))
7. Вводим, например, имя проекта и задаём путь - домен проекта в OpenServer, для данного примера он будет http://test и выбираем браузер хром.
8. Сохраняем Apply
9. Теперь у нас в панели дебага появился проект
10. Жмём ЖУКА :) для удобства появившуюся консоль дебага можно свернуть
11. После нажатия жука :) автоматически загрузится браузер хром и в нём будет загружен проект по ДОМЕНУ без всяких localhost и без всяких пятизначных номеров портов
12. Кому мешает полоска сообщения расширения в браузере хром, то вводим в адресную строку команду 

chrome://flags/#silent-debugger-extension-api

выбираем подсвеченное жёлтым меню Silent Debugging и жмём Включить и после этого сообщение расширения не будет мешать и занимать вверху пространство

13. Теперь редачим код и тут же в браузере видим изменения ))))

Случайно методом тыка нашёл данный способ, так как пытался добиться рефреша страниц именно по домену, по методу, описанному на офсайте и видосам в тюбике, LiveEdit рефрешит только текущую редактируемую страницу и при переходах на другие по ссылкам, прекращает их рефрешить соответственно уходя на ошибку 404. И в адресе страницы кошмар из localhost:номер порта\страница\сессия дебаггера

Данный способ слушает весь домен, можно ходить по всем страницам и редактировать их видя сразу изменения, хотя я так и не понял, почему это работает только при создании JavaScript Debug, если мы сидим в IDE для PHP )))