Option 1:
To utilize node.js for running the index.html file, simply copy and paste the code below into your server.js file located in your app folder (above hierarchy).
var http = require('http');
var fs = require("fs");
http.createServer(function(request, response) {
if(/(.*?).css$/.test(request.url.toString())){
sendFileContent(response, request.url.toString().substring(1), "text/css");
}else if(/(.*?).js$/.test(request.url.toString())){
sendFileContent(response, request.url.toString().substring(1), "text/javascript");
}else if(/(.*?).html$/.test(request.url.toString())){
sendFileContent(response, request.url.toString().substring(1), "text/html");
}else if(request.url.toString().substring(1) == ''){
sendFileContent(response, "index.html", "text/html");
}
}).listen(3000);
function sendFileContent(response, fileName, contentType){
fs.readFile(fileName, function(err, data){
if(err){
response.writeHead(404);
response.write("Not Found!");
}
else{
response.writeHead(200, {'Content-Type': contentType});
response.write(data);
}
response.end();
});
}
After saving the above changes, navigate to the app folder and run node server.js.
Your HTML file will now be accessible at localhost:3000
Option 2:
If you prefer using http-server, follow the steps detailed in this link to install http-server globally. Then, from your app folder, run the command:
http-server -a localhost -p 8000 -c-1 ./app
Your index.html file will then be served at localhost:8000
Note: You have the flexibility to modify the port numbers specified in the .listen method and with the -p flag in the instructions above.