Web Components 용 Ignite UI

    당사의 CLI 도구는 기록적인 시간 내에 다음 애플리케이션을 시작하는 데 도움이 되는 Ignite UI for Web Components 도구 세트용으로 사전 구성된 프로젝트 템플릿을 제공합니다. Ignite UI CLI는 다양한 프레임워크용 애플리케이션을 생성하고 스캐폴딩하기 위한 독립 실행형 명령줄 도구이며 개발자에게 상당한 생산성 향상을 제공합니다.

    시작하기

    시작하려면 CLI를 설치하십시오.

    npm install -g igniteui-cli
    

    위의 설치 명령을 Ignite UI for Web Components 응용 프로그램을 생성, 스캐폴딩 및 실행하는 데 Ignite UI UI CLI를 사용할 수 있습니다.

    Create a New Project

    Ignite UI CLI를 사용하여 Ignite UI for Web Components 사용하도록 구성된 응용 프로그램을 만들려면 명령줄에서 다음 템플릿을 사용할 수 있습니다.

    ig new "[name_of_project]" --framework=[target_framework]
    

    위 템플릿을 사용하여 "My Project"라는 Web Components 애플리케이션을 만들려면 다음 명령을 작성할 수 있습니다.

    ig new "My Project" --framework=webcomponents
    

    Adding Components

    프로젝트를 생성한 후에는 언제든지 ig add를 사용하여 추가 구성 요소 템플릿을 추가할 수 있습니다. 매개변수 없이 이 명령을 실행하면 키보드 탐색 CLI를 사용하여 선택한 컨트롤을 추가함으로써 사용 가능한 템플릿을 안내합니다.

    ig add
    

    또는 간단히 ig list 명령을 실행하여 생성한 현재 프로젝트에서 지원되는 템플릿의 전체 목록을 가져올 수 있습니다.

    ig list
    

    ig list를 실행하고 추가하려는 구성 요소 템플릿을 찾은 후 명령줄에서 다음 템플릿을 따르면 빠르게 작업을 수행할 수 있습니다.

    ig add [component_template] [component_name]
    

    위의 "comComponent_template"은 일반적으로 Ignite UI for Web Components 요소("grid", "category-chart", "linear-gauge" 등)와 일치합니다.

    예를 들어 "MyGridComponent"라는 데이터 그리드 템플릿 구성 요소를 애플리케이션에 추가하려는 경우 다음을 실행할 수 있습니다.

    ig add grid MyGridComponent
    

    현재 CLI는 다음 Web Components와 함께 사용할 수 있습니다.

    이름 구성 요소 템플릿
    화신 화신
    카드 카드
    배지 배지
    단추 단추
    체크박스 체크박스
    형태 형태
    아이콘 버튼 아이콘 버튼
    입력 입력
    라디오 그룹 라디오 그룹
    스위치 스위치
    달력 달력
    목록 목록
    내브바 탐색 모음
    리플 리플
    파이 차트 파이 차트
    도크 관리자 부두 관리자

    Build and Run the Application

    Ignite UI for Web Components 애플리케이션을 빌드하고 실행하려면 ig buildig run 명령을 호출할 수 있습니다.

    ig build
    ig run
    

    Ignite UI CLI Commands

    사용 가능한 Ignite UI CLI 명령 및 사용법(예: 플래그 전달 등)의 전체 목록은 Ignite UI CLI wiki 페이지에서 찾을 수 있습니다.

    명령 별명 설명
    ig 시작 애플리케이션을 빌드하고 웹 서버를 시작하고 기본 브라우저에서 애플리케이션을 엽니다.
    ig 빌드 응용 프로그램을 출력 디렉터리에 빌드합니다.
    ig 생성 g 지원되는 프레임워크 및 프로젝트 유형에 대한 새 사용자 정의 템플릿을 생성합니다.
    ig 도움말 -시간 사용 가능한 명령을 나열하고 수행하는 작업에 대한 간략한 설명을 제공합니다.
    ig 구성 Ignite UI CLI 구성 설정에서 읽기 및 쓰기 작업을 수행합니다.
    ig 문서 특정 검색어에 대한 정보를 찾기 위해 Infragistics 지식 기반을 검색합니다.
    ig 목록 지정된 프레임워크 및 유형에 대한 모든 템플릿을 나열합니다. 프로젝트 폴더 내에서 명령을 실행하면 다른 템플릿을 제공하더라도 프로젝트의 프레임워크 및 유형에 대한 모든 템플릿이 나열됩니다.
    ig 테스트 현재 프로젝트에 대한 테스트를 실행합니다.
    IG 버전 -V 로컬로 설치된 Ignite UI CLI 버전을 표시하거나 로컬이 누락된 경우 전역으로 표시합니다.