How to open atom html code on browser(chrome)

I'm having a lot of problems trying to run my code in Google chrome from atom text editor. I installed a package that said "open in browser" however it opens my media file causing an error. I did get the live preview but I would also like to see the results of my code on a regular browser. Thank you for the help.

> To open file normally using any browser

• Navigate to Atom Text Editor Settings > ctrl + , > Install > open-in-browser > click Install

• Once Installed Navigate to file on left pane > Right Click >
  

> To open file live and see changes as you edit using chrome browser

• Navigate to Atom Text Editor Settings > ctrl + , > Install > atom-live-server

• Then create a file in your project folder with extension
  .atom-live-server.json

• In the folder you have created paste the details below

For Chrome under OSX, the block you need is:

// .atom-live-server.json
{
  "browser": "google chrome"
}

For Chrome under Windows:

// .atom-live-server.json

    {
      "browser": "chrome"
    }