Installing Elm - Lambda-Cartel/everything GitHub Wiki

Intro

This post is meant to help others install Elm.

Installation

1. Install Node.js
2. Install Yarn
3. install Elm.

After the installations are complete, I recommend viewing the "Hello World" tutorial.

Compiling Elm

There exists an Elm package that enables automatic compiling and browser 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

Note: 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)

Conclusion

In conclusion, this post was meant to serve as a reference for installing and running Elm.