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,如下所示:

build project
广告

© . All rights reserved.