R
R
Roman Basharin2017-08-09 02:04:14
Code editor
Roman Basharin, 2017-08-09 02:04:14

How to set up the LiveReload extension for Visual Studio Code?

The situation is this. The application is running on Openserver, only code editing is carried out in VSC. Sublime Text has a plugin to integrate with the LiveReload Crome Extension. In ST, when saving a file, the page was automatically updated and the changes were immediately visible. For VSC, I could not find any such extensions, when I try to enable Livereload in the browser, it says "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 has a bunch of options on how to create your own localhost with auto-update, but for simple files. Those. if we have a regular html or right there the server on nodejs is spinning. How did you solve such a problem?

Answer the question

In order to leave comments, you need to log in

3 answer(s)
R
Roman Basharin, 2017-09-01
@Hellek

There is one working solution and one possibly working:
1) livereload.com - Install browser extension and desktop application. In the case of sublime, the desktop was not needed, for it there is an independent livereload extension, which, by the way, works faster, because. the sublime itself sends a request to the browser extension.
In the desktop application, add folders that are interesting for tracking, open the site and enable the LR extension on it, while the desktop application should be running. When changing files, anything will reload the page. If folders with thousands or tens of thousands of files are added to tracking, the time from change to page reload can take about a second, which is annoying.
2) Second solution (not sure) via extension for VS Codehttps://www.browsersync.io/ but didn't go into details

A
Artem, 2017-11-02
@Hikik0m0ri

live server . Everything works perfectly.

T
Timofey Alekseev, 2018-10-18
@bbbbbbbbbbbbbbbbbbblobb

I understand that more than a year has passed, but I myself was looking for a solution and came across this question. Here is a working plugin for LiveReload
https://marketplace.visualstudio.com/items?itemNam...

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question