Posted in web development
216
11:43 pm, January 13, 2022
 

add a live reloading server with one npm command

I work on a lot of html sites, and usually i go into the editor make a change, go back into the browser and hit reload or clear cache and reload, repeat process.

I saw all of these NPM's and other things like that that have live reload, i tried a script that also does this but it didnt seem to work well.

Then i googled it again and found this article that describes how to install live-server from npm, and its really that easy if you have node and npm installed. Why have i been manually reloading all this time!!

Install live-server

sudo npm i -g live-server

once this is installed just open a terminal at your location you want to live reload.

and run the command

live-server

then this will open a browser with all the files in that location, just click a html file in there and its auto live reloading, make a change and its there!

View Statistics
This Week
86
This Month
282
This Year
1982

No Items Found.

Add Comment
Type in a Nick Name here
 
Other Items in web development
Search Articles
Search Articles by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code here, mostly for my reference. Also if i find a good link, i usually add it here and then forget about it. more...

You could also follow me on twitter. I have a couple of youtube channels if you want to see some video related content. RuneScape 3, Minecraft and also a coding channel here Web Dev.

If you found something useful or like my work, you can buy me a coffee here. Mmm Coffee. ☕

❤️👩‍💻🎮

🪦 2000 - 16 Oct 2022 - Boots
Random Quote
Old programmers never die; they just lose some of their functions.
Random CSS Property

column-width

The column-width CSS property sets the ideal column width in a multi-column layout. The container will have as many columns as can fit without any of them having a width less than the column-width value. If the width of the container is narrower than the specified value, the single column's width will be smaller than the declared column width.
column-width css reference