Elm - 包管理器

包管理器是一个命令行工具,可自动执行应用程序中安装、升级、配置和删除包的过程。

就像 JavaScript 有一个名为 npm 的包管理器一样,elm 有一个名为 elm-package 的包管理器。

包管理器执行以下三项任务 −

  • 安装 elm 应用程序所需的所有依赖项
  • 发布自定义软件包
  • 在您准备好发布和更新时确定软件包的版本。

Elm 包管理器命令

下表列出了各种 Elm 包管理器命令 −

Sr. No. 命令 语法 描述
1 install elm-package install 安装本地使用的软件包
2 publish elm-package publish 将您的包发布到中央目录
3 bump elm-package bump 根据 API 更改更改版本号
4 diff elm-package diff 获取两个 API 之间的差异

为了发布您的软件包,您需要在 GitHub 上托管源代码,并使用 git 标签正确标记版本。 下图展示了如何使用 elm-package manager 来拉取外部依赖。

示例 - 安装 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,如下所示 −

构建项目