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: 
My php files with html elements dont open, so create the file like .html files, and everythings runs well. Use .atom-live-server.json on the root project to change some options like other browsers.

Edit 1: Have the solution !
1- Install Live Reload from livereload.com.
2- Install Live Reload from browser extension.
3- Copy and paste this before before body:

```
<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>

```

4- Execute live reload and the browser and still works for php files.
I fixed it by adding the `<head>` and `<body>` tags to the html file I was editing. (even though I don't always include them anymore at least one is needed for the "Live reload" server to work.)

> 
> Live reload won't work unless there's a tag in the HTML the script can be injected on (body, head, and svg).
> 
> 
> 

see [this github issue](https://github.com/tapio/live-server/issues/359)!