Elm --- インストール、動作確認
ダウンロード
Elmのサイトに行ってインストーラをダウンロードします。
インストール
デフォルトの設定で問題ありません。
Visual Studio Code 拡張機能インストール
今回はエディタとしてVisual Studio Codeを利用します。
拡張機能でelmパッケージをインストールします。
作業フォルダ、elmファイルの作成
適当な場所にフォルダを作り、Visual Studio Codeでフォルダを開きます。
フォルダ内にHelloWorld.elmを作成します。
elmファイルの編集
import Html exposing (..) main = text "Hello, World!"
elm-reactorの起動
HelloWorld.elmのあるフォルダでコマンドプロンプトでelm-reactorを実行
ブラウザでlocalhostを表示
HelloWorld.elmを表示
HellowWorld.elmをクリックすると必要なパッケージの取得、コンパイル、表示が行われます。
htmlの出力
HelloWorld.elmのあるフォルダでコマンドプロンプトでelm-makeを実行