安装 Elm

上一页介绍了如何为 Elm 安装代码编辑器,因此下一步是获取名为 elm 的可执行文件。以下为 安装 链接

完成安装后,打开计算机上的终端。在 Windows 上它可以称为 cmd.exe命令提示符

terminal

首先在终端中导航到桌面

# 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/httpelm/json 来发送一些 HTTP 请求。你可以使用以下命令将其设置在你的项目中

elm install elm/http
elm install elm/json

此操作将这些依赖项添加到你的 elm.json 文件,以便在你的项目中可以使用这些包。这样你就可以在你的程序中说 import Http 并使用如 Http.get 的函数了。


提示和技巧

首先,不要试图记住所有这些东西!

你总是可以运行 elm --help 来了解 elm 的所有功能。

你还可以运行 elm make --helpelm repl --help 这样的命令来获取有关特定命令的提示。如果你想检查有哪些可用的标记以及它们的功能,这是非常好的。

其次,不要担心需要一段时间才能一般适应终端。

我已经使用它超过十年了,但我仍然不记得如何压缩文件,在目录中查找所有 Elm 文件等。我仍然要寻找很多东西!


现在我们已经设置好编辑器并在终端中安装了 elm,让我们继续学习 Elm!

个结果与 "" 匹配

    没有结果与 "" 匹配