Elm - 包管理器

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

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

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

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

Elm 包管理器命令

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

先生。没有。 命令 句法 描述
1 安装 elm 软件包安装 安装本地使用的包
2 发布 elm 包发布 将您的包发布到中央目录
3 撞 榆树封装凸点 根据 API 更改更改版本号
4 差异 elm 包差异 获取两个 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，如下所示 -

构建项目