安装 Elm
上一页介绍了如何为 Elm 安装代码编辑器,因此下一步是获取名为 elm
的可执行文件。以下为 安装 链接
完成安装后,打开计算机上的终端。在 Windows 上它可以称为 cmd.exe
或 命令提示符
。
首先在终端中导航到桌面
# Mac and Linux
cd ~/Desktop
# Windows (but with <username> filled in with your user name)
cd C:\Users\<username>\Desktop
下一步是熟悉 elm
命令。我个人学终端命令时非常困难,因此我努力让 elm
命令易于使用。让我们浏览一些常见情况。
elm init
可以通过运行以下命令启动 Elm 项目
elm init
尝试运行此命令,创建 elm.json
文件和 src/
目录
elm.json
描述了你的项目。src/
存储了你所有的 Elm 文件。
现在尝试在编辑器中创建一个名为 src/Main.elm
的文件,并从 按钮示例 中复制代码。
elm reactor
elm reactor
可帮助你在无需过多操作终端的情况下构建 Elm 项目。只需在项目根目录下运行它,如下所示
elm reactor
这会在 https://127.0.0.1:8000
上启动服务器。你可以导航到任何 Elm 文件,看看它是如何显示的。运行 elm reactor
,按照本地主机链接,并尝试查看 src/Main.elm
文件!
elm make
您可以使用以下命令将 Elm 代码编译为 HTML 或 JavaScript
# Create an index.html file that you can open in your browser.
elm make src/Main.elm
# Create an optimized JS file to embed in a custom HTML document.
elm make src/Main.elm --optimize --output=elm.js
尝试对 src/Main.elm
文件运行以下命令。
这是编译 Elm 代码最常用的方式。它在你发现项目变得太高级而无法使用 elm reactor
时非常有用。
此命令会产生你在在线编辑器和 elm reactor
中看到的消息。这些消息是多年工作的心血结晶,但请将任何无用信息报告到 此处。我确信有办法改进!
elm install
所有 Elm 包都位于 package.elm-lang.org
。
假设你四处查看并决定你需要的 elm/http
和 elm/json
来发送一些 HTTP 请求。你可以使用以下命令将其设置在你的项目中
elm install elm/http
elm install elm/json
此操作将这些依赖项添加到你的 elm.json
文件,以便在你的项目中可以使用这些包。这样你就可以在你的程序中说 import Http
并使用如 Http.get
的函数了。
提示和技巧
首先,不要试图记住所有这些东西!
你总是可以运行 elm --help
来了解 elm
的所有功能。
你还可以运行 elm make --help
和 elm repl --help
这样的命令来获取有关特定命令的提示。如果你想检查有哪些可用的标记以及它们的功能,这是非常好的。
其次,不要担心需要一段时间才能一般适应终端。
我已经使用它超过十年了,但我仍然不记得如何压缩文件,在目录中查找所有 Elm 文件等。我仍然要寻找很多东西!
现在我们已经设置好编辑器并在终端中安装了 elm
,让我们继续学习 Elm!