初始化和构建

你应该在你的计算机上安装 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 中的更多信息。