初始化和构建
你应该在你的计算机上安装 Elm 平台,以下教程是在假设你熟悉终端的情况下编写的。
初始化
创建一个文件夹并使用你的终端导航到它:
$ mkdir elm-app
$ cd elm-app/
初始化 Elm 项目并安装核心依赖项:
$ elm-package install -y
elm-package.json
和 elm-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 中的更多信息。