Elm - Administrador de paquetes

Un administrador de paquetes es una herramienta de línea de comandos que automatiza el proceso de instalación, actualización, configuración y eliminación de paquetes en su aplicación.

Al igual que JavaScript tiene un administrador de paquetes llamado npm, elm tiene un administrador de paquetes llamado elm-package .

El administrador de paquetes realiza las siguientes tres tareas:

• Instala todas las dependencias que necesita una aplicación elm
• Publica paquetes personalizados
• Determina la versión de su paquete cuando está listo para publicar y actualizar.

Comandos de Elm Package Manager

La siguiente tabla enumera los diversos comandos del administrador de paquetes de Elm:

No Señor.	Mando	Sintaxis	Descripción
1	Instalar en pc	instalación del paquete elm	Instala paquetes para usar localmente
2	publicar	publicación del paquete elm	Publica su paquete en el catálogo central
3	bache	protuberancia del paquete de olmo	Incrementa los números de versión según los cambios de API
4	diff	diferencia de paquete de olmo	Obtiene diferencias entre dos API

Para publicar su paquete, debe alojar el código fuente en GitHub y tener la versión debidamente etiquetada con una etiqueta git. La siguiente ilustración muestra cómo usar elm-package manager para extraer una dependencia externa.

Ilustración - Instalación del paquete svg

En este ejemplo, veremos cómo integrar Scalable Vector Graphics (SVG) en una aplicación elm.

Step 1 - Crea una carpeta elmSvgApp

Step 2 - Instale el paquete svg usando el siguiente comando -

elm-package install elm-lang/svg

Step 3- Instale Cree un archivo SvgDemo.elm y escriba el contenido que se indica a continuación. Importamos el módulo Svg para dibujar un rectángulo de dimensión 100x100 y rellenar el color rojo.

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- Ahora cree el proyecto usando elm make. \ SvgDemo.elm. Esto generará un index.html como se muestra a continuación: