This post is meant to help others install Elm.
After the installations are complete, I recommend viewing the “Hello World” tutorial.
There exists an Elm package that enables automatic compiling and browse refresh when modifying and saving Elm files.
Given that the elm file that I’m working on is named “Main.elm”, the following needs to be done:
1: create/update index.html with the following:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> <script src="main.js"></script> </head> <body> <script> Elm.Main.fullscreen(); </script> </body> </html>
2: Enter the following command on whatever command-line interface
elm-live Main.elm --open --output=main.js
After performing the steps above, every time a save operation occurs, an automatic refresh should also occur on the browser displaying the webpage (i.e. index.html)
In conclusion, this post was meant to serve as a reference to installing and running Elm.