Elm-패키지 관리자

패키지 관리자는 애플리케이션에서 패키지를 설치, 업그레이드, 구성 및 제거하는 프로세스를 자동화하는 명령 줄 도구입니다.

JavaScript에 npm이라는 패키지 관리자가있는 것처럼 elm에는 elm-package 라는 패키지 관리자가 있습니다.

패키지 관리자는 다음 세 가지 작업을 수행합니다.

  • elm 애플리케이션에 필요한 모든 종속성을 설치합니다.
  • 사용자 지정 패키지 게시
  • 게시 및 업데이트 할 준비가되면 패키지 버전을 결정합니다.

Elm 패키지 관리자 명령

다음 표는 다양한 Elm 패키지 관리자 명령을 나열합니다.

Sr. No. 명령 통사론 기술
1 설치 느릅 나무 패키지 설치 로컬에서 사용할 패키지를 설치합니다.
2 출판하다 느릅 나무 패키지 게시 패키지를 중앙 카탈로그에 게시합니다.
충돌 느릅 나무 패키지 범프 API 변경에 따라 버전 번호를 범프
4 차이 느릅 나무 패키지 비교 두 API 간의 차이점을 가져옵니다.

패키지를 게시하려면 GitHub에 소스 코드를 호스팅하고 버전에 git 태그로 올바르게 레이블이 지정되어 있어야합니다. 다음 그림은 elm-package 관리자를 사용하여 외부 종속성을 가져 오는 방법을 보여줍니다.

그림-SVG 패키지 설치

이 예에서는 SVG (Scalable Vector Graphics)를 elm 애플리케이션에 통합하는 방법을 살펴 봅니다.

Step 1 − elmSvgApp 폴더 생성

Step 2 − 다음 명령을 사용하여 svg 패키지 설치 −

elm-package install elm-lang/svg

Step 3− 설치 SvgDemo.elm 파일을 생성하고 아래에 주어진 내용을 입력합니다. Svg 모듈을 가져 와서 100x100 크기 의 직사각형을 그리고 빨간색으로 채 웁니다.

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− 이제 elm make. \ SvgDemo.elm을 사용하여 프로젝트를 빌드합니다. 이것은 아래와 같이 index.html을 생성합니다-