Elm - 環境設定



本章討論在 Windows、Mac 和 Linux 平臺上安裝 Elm 的步驟。

本地環境設定

請參考以下步驟在本地環境中安裝 Elm。

步驟 1 - 安裝 node

由於 elm 編譯成 JavaScript,目標機器應已安裝node。請參考 TutorialsPoint NodeJS 課程瞭解設定nodenpm 的步驟。

Node 設定。

步驟 2 - 安裝 elm

在終端上執行以下命令以安裝 elm。請注意,在撰寫本課程時,elm 的穩定版本為 0.18。

npm install -g elm@0.18
Install elm

安裝完成後,執行以下命令以驗證 Elm 的版本。

C:\Users\dell>elm --version
0.18.0

步驟 2 - 安裝編輯器

此處使用的開發環境是 Visual Studio Code(Windows 平臺)。

Visual Studio Code 是來自 Visual Studio 的一個開源 IDE。它適用於 Mac OS X、Linux 和 Windows 平臺。VSCode 可在以下地址獲取:

https://vscode.com.tw/。

在 Windows 上安裝

在本節中,我們將討論在 Windows 上安裝 Elm 的步驟。

下載適用於 Windows 的https://vscode.com.tw/。

雙擊 VSCodeSetup.exe 啟動安裝過程。這隻需一分鐘。

VSCodeSetup

您可以透過右鍵單擊檔案 → 在命令提示符中開啟直接跳轉到檔案的路徑。同樣,“在資源管理器中顯示”選項會在檔案資源管理器中顯示該檔案。

Reveal Explorer

在 Mac OS X 上安裝

Visual Studio Code 的 Mac OS X 特定安裝指南可在VSCode 安裝-MAC找到。

在 Linux 上安裝

Visual Studio Code 的 Linux 特定安裝指南可在VSCode 安裝-Linux找到。

步驟 4 - 安裝 elm 擴充套件

如下所示在 VSCode 中安裝 elm 擴充套件。

Installation Linux

Elm REPL

REPL 代表讀取-求值-列印-迴圈。它表示一個類似於 Windows 控制檯或 Unix/Linux shell 的計算機環境,其中輸入命令,系統以互動模式響應輸出。

Elm 帶有一個 REPL 環境。它執行以下任務:

  • 讀取 - 讀取使用者的輸入,將輸入解析成 elm 資料結構,並存儲在記憶體中。

  • 求值 - 獲取並評估資料結構。

  • 列印 - 列印結果。

  • 迴圈 - 迴圈上述命令,直到使用者退出。使用命令 :exit 退出 REPL 並返回到終端。

下面是一個在 REPL 中新增兩個數字的簡單示例:

開啟 VSCode 終端並輸入命令 elm REPL。

REPL 終端等待使用者輸入。輸入以下表達式 10 + 20。REPL 環境按如下所示處理輸入:

  • 從使用者處讀取數字 10 和 20。

  • 使用 + 運算子進行求值。

  • 將結果列印為 30。

  • 迴圈以獲取下一個使用者輸入。這裡我們退出迴圈。

Elm REPL
廣告

© . All rights reserved.