Tutorial by Examples | RIP Tutorial

Installation

To start development with Elm, you need to install a set of tools called elm-platform. It includes: elm-make, elm-reactor, elm-repl and elm-package. All of these tools are available through CLI, in other words you can use them from your terminal. Pick one of the following methods to install Elm: ...

Elm Language • Getting started with Elm Language

Hello World

See how to compile this code in Initialize and build import Html main = Html.text "Hello World!"

Elm Language • Getting started with Elm Language

Editors

Atom https://atom.io/packages/language-elm https://atom.io/packages/elmjutsu Light Table https://github.com/rundis/elm-light Sublime Text https://packagecontrol.io/packages/Elm%20Language%20Support Vim https://github.com/ElmCast/elm-vim Emacs https://github.com/jcollard/e...

Elm Language • Getting started with Elm Language

Initialize and build

You should have Elm platform installed on your computer, the following tutorial is written with the assumption, that you are familiar with terminal. Initialization Create a folder and navigate to it with your terminal: $ mkdir elm-app $ cd elm-app/ Initialize Elm project and install core depe...

Elm Language • Getting started with Elm Language

Style Guide and elm-format

The official style guide is located on the homepage and generally goes for: readability (instead of compactness) ease of modification clean diffs This means that, for example, this: homeDirectory : String homeDirectory = "/root/files" evaluate : Boolean -> Bool evalua...

Elm Language • Getting started with Elm Language

Embedding into HTML

There are three possibilities to insert Elm code into a existing HTML page. Embed into the body tag Supposing you have compiled the Hello World example into elm.js file, you can let Elm take over the <body> tag like so: <!DOCTYPE html> <html> <body> <scri...

Elm Language • Getting started with Elm Language

REPL

A good way to learn about Elm is to try writing some expressions in the REPL (Read-Eval-Print Loop). Open a console in your elm-app folder (that you have created in the Initialize and build phase) and try the following: $ elm repl ---- elm-repl 0.17.1 ----------------------------------------------...

Elm Language • Getting started with Elm Language

Local Build Server (Elm Reactor)

Elm Reactor is the essential tool for prototyping your application. Please note, that you will not be able to compile Main.elm with Elm Reactor, if you are using Http.App.programWithFlags or Ports Running elm-reactor in a projects directory will start a web server with a project explorer, that all...

Elm Language • Getting started with Elm Language