Live preview while working with Visual Studio Code or any editor

Confused why I have that title? VSCode or any any other editor? I am not sure myself. VSCode allows us to autosave files, perhaps that is the time I am writing this article. Am I?

Enough blabbering..

Now, we all want (well most of us) to have live previews while editing our web files.

Here is how to do it,

Pre-requisites: npm

$ npm install -g live-server

Launch live-server from the folder where www root is

$ live-server

live-server keeps running until you kill it by CTRL+C or close the bash window. Running live-server will also open your default browser.

 

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *