Question: I am trying to use the live server package which works pretty much like livereload for editor Atom. The server runs fine, but the files do not get automatically refreshed whenever I make changes + save the files.. 

Not sure if this is normal, but when I open up the server on the browser, I am forwarded to a directory with all the files on the server. How do I change this so that the server renders HTML only and refreshes every time changes are made?

Answer: 
You haven't set the project folder for the live-server to operate from, or you've saved the file you want to view outside of where it is running from. 

In the project window on the left, add the project folder that you are using, and remove anything else. Or save your file in that location.
I had the same problem with atom-live-server and Google Chrome browser. Finally made it work using these steps:

1. Open your Browser
2. In Project pane open the project folder that you want to test
3. Start the atom-live-server
4. It should automatically open a new page in your browser. Right click on it and select Inspect -> it will open Console window.
5. Your Live reload is enabled. Notice the message in the Console.

After you make changes in your javascript or html in Atom save your changes (Ctrl + S) and the browser page will be updated.

[![enter image description here](https://i.stack.imgur.com/cGWjj.png)](https://i.stack.imgur.com/cGWjj.png)