Elm - Gerente de Pacotes

Um gerenciador de pacotes é uma ferramenta de linha de comando que automatiza o processo de instalação, atualização, configuração e remoção de pacotes em seu aplicativo.

Assim como o JavaScript tem um gerenciador de pacotes chamado npm, elm tem um gerenciador de pacotes chamado elm-package .

O gerenciador de pacotes executa as seguintes três tarefas -

Instala todas as dependências que um aplicativo Elm precisa
Publica pacotes personalizados
Determina a versão do seu pacote quando você está pronto para publicar e atualizar.

Comandos do gerenciador de pacotes Elm

A tabela a seguir lista os vários comandos do gerenciador de pacotes Elm -

Sr. Não.	Comando	Sintaxe	Descrição
1	instalar	elm-package install	Instala pacotes para usar localmente
2	publicar	publicação do pacote elm	Publica seu pacote no catálogo central
3	colisão	elm-package bump	Aumenta os números da versão com base nas alterações da API
4	diferença	elm-pacote diff	Obtém diferenças entre duas APIs

Para publicar seu pacote, você precisa hospedar o código-fonte no GitHub e ter a versão devidamente rotulada com uma tag git. A ilustração a seguir mostra como usar o gerenciador de pacotes elm para obter uma dependência externa.

Ilustração - Instalando o pacote SVG

Neste exemplo, veremos como integrar Scalable Vector Graphics (SVG) em um aplicativo olm.

Step 1 - Crie uma pasta elmSvgApp

Step 2 - Instale o pacote svg usando o seguinte comando -

elm-package install elm-lang/svg

Step 3- Instalar Crie um arquivo SvgDemo.elm e digite o conteúdo fornecido abaixo. Importamos o módulo Svg para desenhar um retângulo de dimensão 100x100 e preencher a cor vermelha.

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"
      ]
      []
   ]

Step 4- Agora construa o projeto usando elm make. \ SvgDemo.elm. Isso irá gerar um index.html conforme mostrado abaixo -