React 용 Ignite UI CLI

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

    시작하기

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

    npm install -g igniteui-cli
cmd

    위의 설치 명령을 사용하면 Ignite UI CLI를 사용하여 Ignite UI for React 애플리케이션을 만들고, 스캐폴딩하고, 실행할 수 있습니다.

    새 프로젝트 만들기

    Ignite UI CLI를 사용하여 Ignite UI for React 사용하도록 구성된 애플리케이션을 만들려면 명령줄에서 다음 템플릿을 사용할 수 있습니다.

    ig new "[name_of_project]" --framework=[target_framework] --type=[project_type]
cmd

    위의 템플릿을 사용하여 TypeScript를 타겟으로 하는 "My Project"라는 이름의 React 애플리케이션을 만들려면 다음 명령을 작성할 수 있습니다.

    ig new "My Project" --framework=react --type=igr-ts
cmd

    Ignite UI CLI 버전 13부터 TypeScript 지원이 가능해집니다.

    Ignite UI for React | CTA 배너

    구성 요소 추가

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

    ig add
cmd

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

    ig list
cmd

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

    ig add [component_template] [component_name]
cmd

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

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

    ig add grid MyGridComponent
cmd

    애플리케이션 빌드 및 실행

    Ignite UI for React 빌드하고 실행하려면 ig build 및 ig run 명령을 호출할 수 있습니다.

    ig build
ig run
cmd

    Vite 사용

    Ignite UI CLI에서 생성된 React 애플리케이션은 Vite를 빌드 도구로 사용합니다. Vite는 빠른 개발 및 프로덕션 빌드를 제공하여 개발 중에 핫 모듈 교체(HMR)와 같은 기능을 통해 효율적인 개발 경험을 제공합니다.

    Ignite UI CLI 명령

    사용 가능한 Ignite UI CLI 명령의 전체 목록과 사용법(플래그 전달 등)은 Ignite UI CLI 위키 페이지에서 확인할 수 있습니다.

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