Aller au contenu

Elm

Elm logo

Installation

Installer nodejs et npm puis :

$ npm install -g elm elm-format

Créer un nouveau projet

Créer un nouveau dossier puis lancer la commande :

$ elm-package install

Créer le fichier Main.elm contenant :

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 :

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

Créer le fichier index.html contenant :

<!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>

Ressources


Dernière mise à jour: 29 avril 2020