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