Live HTML

A simple lightweight CLI tool built as a Node JS package to be a direct substitute to the Live Server extension available in VS code.

Serve your HTML locally and with hot reload to increase your productivity by using Live HTML.

Quickstart

1. Install the package.

Make sure to install the package globally so that you can use it whenever you want, wherever you want without downloading it again and again.

npm i -g @abenezer-daniel/live-html

2. Move to your project folder.

Open a terminal window where your current working directory is located.

cd path/to/your/project

3. Launch the server 🚀

Just run the below commadn in your project directory to start the server.

live-html

You also have an option to input a specific port as shown below.

Launch the server on a free port. Good options would be ports starting from 2000, 3000, 4000 and 5000.

Please make sure to follow the format below.

live-html port-number

Example

live-html 5500

4. Open the port in a browser and go to the path of your HTML file.

The path of the server will be shown to you once you start the above command, you can either Ctrl + click the link or just enter it manually in user browser as shown below.

http://localhost:5500/path/to/your/file

Example

If your HTML file is located in a path similar to this: pages/about.html. Then you would open the below URL in your browser.

http://localhost:5500/pages/about.html

[!IMPORTANT] For the live reload to work you need to provide a valid HTML skeleton including a body tag.

[!NOTE] If your HTML file is called index.html, then you don't need to enter index.html, just a "/" would be enough.

Now when you make changes to your HTML file, it should reflect in the browser without the need for refresh.