初始化和構建

你應該在你的計算機上安裝 Elm 平臺,以下教程是在假設你熟悉終端的情況下編寫的。

初始化

建立一個資料夾並使用你的終端導航到它:

$ mkdir elm-app
$ cd elm-app/

初始化 Elm 專案並安裝核心依賴項:

$ elm-package install -y

elm-package.jsonelm-stuff 資料夾應出現在你的專案中。

為你的應用程式 Main.elm 建立入口點,並將 Hello World 示例貼上到其中。

建立專案

要構建你的第一個專案,請執行:

$ elm-make Main.elm

這將生成 index.html,將 Main.elm 檔案(和所有依賴項)編譯成 JavaScript 並內聯到 HTML 中。嘗試在瀏覽器中開啟它!

如果失敗並顯示錯誤 I cannot find module 'Html'.,則表示你沒有使用最新版本的 Elm。你可以通過升級 Elm 並重做第一步或使用以下命令來解決問題:

$ elm-package install elm-lang/html -y

如果你有自己的 index.html 檔案(例如,使用埠時),你還可以將 Elm 檔案編譯為 JavaScript 檔案:

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

示例嵌入到 HTML 中的更多資訊。