एल्म - पैकेज मैनेजर

एक पैकेज मैनेजर एक कमांड-लाइन टूल है, जो आपके एप्लिकेशन में पैकेज स्थापित करने, अपग्रेड करने, कॉन्फ़िगर करने और निकालने की प्रक्रिया को स्वचालित करता है।

जैसे जावास्क्रिप्ट में एक पैकेज मैनेजर होता है जिसे npm कहा जाता है, एल्म में एक पैकेज मैनेजर होता है जिसे एल्म-पैकेज कहा जाता है ।

पैकेज प्रबंधक निम्नलिखित तीन कार्य करता है -

  • एक एल्म आवेदन की जरूरत है कि सभी निर्भरता स्थापित करता है
  • कस्टम पैकेज प्रकाशित करता है
  • जब आप प्रकाशित और अपडेट करने के लिए तैयार हों तो अपने पैकेज का संस्करण निर्धारित करें।

एल्म पैकेज मैनेजर कमांड्स

निम्न तालिका विभिन्न एल्म पैकेज प्रबंधक आदेशों को सूचीबद्ध करती है -

अनु क्रमांक। आदेश वाक्य - विन्यास विवरण
1 इंस्टॉल एल्म-पैकेज स्थापित करें स्थानीय स्तर पर उपयोग करने के लिए पैकेज स्थापित करता है
2 प्रकाशित करना एल्म-पैकेज प्रकाशित अपने पैकेज को केंद्रीय कैटलॉग में प्रकाशित करता है
3 टक्कर एल्म-पैकेज टक्कर एपीआई परिवर्तनों के आधार पर संस्करण संख्याएं
4 diff एल्म-पैकेज अंतर दो एपीआई के बीच अंतर हो जाता है

अपने पैकेज को प्रकाशित करने के लिए, आपको GitHub पर स्रोत कोड होस्ट करने की आवश्यकता है और संस्करण को ठीक से git टैग के साथ लेबल किया गया है। निम्नलिखित उदाहरण से पता चलता है कि बाहरी निर्भरता को खींचने के लिए एल्म-पैकेज प्रबंधक का उपयोग कैसे किया जाता है।

चित्रण - svg पैकेज स्थापित करना

इस उदाहरण में, हम देखेंगे कि स्केलेबल वेक्टर ग्राफिक्स (SVG) को एल्म एप्लिकेशन में कैसे एकीकृत किया जाए।

Step 1 - एक फ़ोल्डर बनाएं elmSvgApp

Step 2 - निम्नलिखित कमांड का उपयोग करके svg पैकेज स्थापित करें -

elm-package install elm-lang/svg

Step 3- एक SvgDemo.elm फ़ाइल बनाएँ और नीचे दी गई सामग्री टाइप करें। हम 100x100 आयाम की आयत खींचने और रंग लाल भरने के लिए Svg मॉड्यूल का आयात करते हैं।

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- अब एल्म मेक। \ SvgDemo.elm का उपयोग करके प्रोजेक्ट बनाएं। यह नीचे दिखाए अनुसार एक index.html उत्पन्न करेगा -