Aller au contenu

Elm

Elm logo

Installation

Installer nodejs et npm puis :

1
$ npm install -g elm elm-format

Créer un nouveau projet

Créer un nouveau dossier puis lancer la commande :

1
$ elm-package install

Créer le fichier Main.elm contenant :

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
module Main exposing (main)

import Html exposing (..)
import Html.Attributes exposing (class, type_)


view =
    div [ class "container" ]
        [ h1 [ class "title" ] [ text "elm image search" ]
        , input [ type_ "text", class "medium input" ] []
        ]


main =
    view

Compiler le projet :

1
$ elm-make Main.elm --output elm.js

Créer le fichier index.html contenant :

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Une super application !</title>
    <script type="text/javascript" src="elm.js"></script>
  </head>
  <body>
    <script type="text/javascript">Elm.Main.fullscreen()</script>
  </body>
</html>

Intégration dans l'éditeur de texte Atom

Installer les paquets elm-format et language-elm.

Ressources


Dernière mise à jour: 23 juin 2021