Elm - Gestionnaire de packages

Un gestionnaire de packages est un outil de ligne de commande qui automatise le processus d'installation, de mise à niveau, de configuration et de suppression de packages dans votre application.

Tout comme JavaScript a un gestionnaire de packages appelé npm, elm a un gestionnaire de packages appelé elm-package .

Le gestionnaire de packages effectue les trois tâches suivantes -

Installe toutes les dépendances dont une application elm a besoin
Publie des packages personnalisés
Détermine la version de votre package lorsque vous êtes prêt à publier et à mettre à jour.

Commandes du gestionnaire de packages Elm

Le tableau suivant répertorie les différentes commandes du gestionnaire de packages Elm -

Sr. No.	Commander	Syntaxe	La description
1	installer	installation du package elm	Installe les packages à utiliser localement
2	publier	publication de package elm	Publie votre package dans le catalogue central
3	bosse	bosse de paquet d'orme	Augmente les numéros de version en fonction des modifications de l'API
4	diff	elm-package diff	Obtient les différences entre deux API

Pour publier votre package, vous devez héberger le code source sur GitHub et avoir la version correctement étiquetée avec une balise git. L'illustration suivante montre comment utiliser elm-package manager pour extraire une dépendance externe.

Illustration - Installation du package svg

Dans cet exemple, nous verrons comment intégrer Scalable Vector Graphics (SVG) dans une application elm.

Step 1 - Créer un dossier elmSvgApp

Step 2 - Installez le package svg en utilisant la commande suivante -

elm-package install elm-lang/svg

Step 3- Installer Créez un fichier SvgDemo.elm et saisissez le contenu ci-dessous. Nous importons le module Svg pour dessiner un rectangle de dimension 100x100 et remplir la couleur rouge.

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- Construisez maintenant le projet en utilisant elm make. \ SvgDemo.elm. Cela générera un index.html comme indiqué ci-dessous -