Elm - Gestore pacchetti

Un gestore di pacchetti è uno strumento da riga di comando che automatizza il processo di installazione, aggiornamento, configurazione e rimozione dei pacchetti nell'applicazione.

Proprio come JavaScript ha un gestore di pacchetti chiamato npm, elm ha un gestore di pacchetti chiamato elm-package .

Il gestore di pacchetti esegue le seguenti tre attività:

  • Installa tutte le dipendenze necessarie a un'applicazione elm
  • Pubblica pacchetti personalizzati
  • Determina la versione del pacchetto quando sei pronto per la pubblicazione e l'aggiornamento.

Comandi di Elm Package Manager

La tabella seguente elenca i vari comandi del gestore di pacchetti Elm:

Sr. No. Comando Sintassi Descrizione
1 installare installazione del pacchetto elm Installa i pacchetti da utilizzare localmente
2 pubblicare pubblicazione del pacchetto elm Pubblica il tuo pacchetto nel catalogo centrale
3 urto urto pacchetto olmo Aumenta i numeri di versione in base alle modifiche all'API
4 diff elm-package diff Ottiene le differenze tra due API

Per pubblicare il tuo pacchetto, devi ospitare il codice sorgente su GitHub e avere la versione correttamente etichettata con un tag git. La seguente illustrazione mostra come utilizzare elm-package manager per estrarre una dipendenza esterna.

Illustrazione - Installazione del pacchetto svg

In questo esempio, vedremo come integrare Scalable Vector Graphics (SVG) in un'applicazione elm.

Step 1 - Crea una cartella elmSvgApp

Step 2 - Installa il pacchetto svg utilizzando il seguente comando -

elm-package install elm-lang/svg

Step 3- Installa Crea un file SvgDemo.elm e digita il contenuto indicato di seguito. Importiamo il modulo Svg per disegnare un rettangolo di dimensione 100x100 e riempire il colore rosso.

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- Ora crea il progetto usando elm make. \ SvgDemo.elm. Questo genererà un index.html come mostrato di seguito: