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 -