Как настроить LiveReload расширение для Visual Studio Code?

Question

[Роман Башарин]

Ситуация такая. Приложение крутится на Openserver, в VSC осуществляется только редактирование кода. В Sublime Text есть плагин для интеграции с LiveReload Crome Extension. В ST при сохранении файла страничка автоматически обновлялась и изменения сразу же были виды. Для VSC я не смог найти какие-либо подобные расширения, при попытке включить Livereload в браузере пишет "Could not connect to LiveReload server. Please make sure that a compatible LiveReload server is running. (We recommand guard-livereload, until LiveReload 2 comes to your platform.)".

В VSC есть куча вариантов как создать свой localhost с автообновлением, но для простых файлов. Т.е. если у нас обычный html или тут же сервер на nodejs крутится. Как вы решили подобную задачу?

Answer 1

[Роман Башарин]

Есть одно рабочее решение и одно возможно рабочее:
1) livereload.com - Устанавливаем расширение для браузера и десктопное приложение. В случае с сублайм десктопное было не нужно, для него есть самостоятельное расширение livereload которое кстати работает пошустрее, т.к. сам сублайм отправляет запрос браузерному расширению.
В десктопном приложении добавляем интересные для отслеживания папки, открываем сайт и включаем на нём расширение LR, при этом должно быть запущено десктопное. При изменении файлов чем угодно будет идти перезагрузка страницы. Если к отслеживанию добавлены папки с тысячами или десятками тысяч файлов время от изменения до перезагрузки страницы может занимать около секунды, что раздражает.
2) Второе решение (не уверен) через расширение для VS Code https://www.browsersync.io/ но в подробности не вдавался

Answer 2

[Тимофей Алексеев]

Понимаю что прошло уже больше года, но сам искал решение и наткнулся на этот вопрос. Вот рабочий плагин для LiveReload
https://marketplace.visualstudio.com/items?itemNam...

Comments

[Антон Птушкин]

Да он не работает - подскажи пож-ста как ты его настроил ? У Меня показывает что плагин подключен все на прослушке НО не происходит перезагрузка. В саблайме все работает как швейцарские часы!!!

[xaruki]

Антон Птушкин, Добрый. Победили?

[Роман Башарин]

xaruki, перешёл на vue + nodejs)

[Guliver99]

Антон Птушкин,

У Меня показывает что плагин подключен все на прослушке НО не происходит перезагрузка.

скорее всего не установлен nodejs

[Роман Башарин]

Guliver99, да прост не нужно пользоваться костылями. Для фронтенд фреймворков типа реакта/vue уже давно есть встроенный hot-reload