Elm - 包管理器

包管理器是一個命令列工具，它自動化了在應用程式中安裝、升級、配置和刪除包的過程。

就像 JavaScript 有一個名為 npm 的包管理器一樣，elm 有一個名為 elm-package 的包管理器。

包管理器執行以下三個任務：

安裝 elm 應用程式所需的所有依賴項
釋出自定義包
在您準備好釋出和更新時確定包的版本。

Elm 包管理器命令

下表列出了各種 Elm 包管理器命令：

序號	命令	語法	描述
1	安裝	elm-package install	安裝要本地使用的包
2	釋出	elm-package publish	將您的包釋出到中央目錄
3	更新版本	elm-package bump	根據 API 更改更新版本號
4	差異	elm-package diff	獲取兩個 API 之間的差異

為了釋出您的包，您需要在 GitHub 上託管原始碼，並使用 git 標籤正確標記版本。下圖顯示瞭如何使用 elm-package 管理器拉取外部依賴項。

圖示 - 安裝 svg 包

在本例中，我們將瞭解如何將可縮放向量圖形 (SVG) 整合到 elm 應用程式中。

步驟 1 - 建立一個資料夾 elmSvgApp

步驟 2 - 使用以下命令安裝 svg 包：

elm-package install elm-lang/svg

步驟 3 - 安裝建立一個 SvgDemo.elm 檔案並鍵入以下內容。我們匯入 Svg 模組以繪製一個100x100尺寸的矩形並填充紅色。

import Svg exposing (..)
import Svg.Attributes exposing (..)

main =
   svg
   [ width "120"
   , height "120"
   , viewBox "0 0 120 120"
   ]
   [ rect
      [ x "10"
      , y "10"
      , width "100"
      , height "100"
      , rx "15"
      , ry "15"
      ,fill "red"
      ]
      []
   ]

步驟 4 - 現在使用 elm make .\SvgDemo.elm 構建專案。這將生成一個 index.html，如下所示：

列印頁面