React 용 Ignite UI

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

    시작하기

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

    npm install -g igniteui-cli

    위의 설치 명령을 사용하면 Ignite UI CLI를 생성, 스캐폴딩 및 Ignite UI for React 실행에 사용할 수 있습니다.

    Create a New Project

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

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

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

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

    [!Note] TypeScript support will be available starting from Ignite UI CLI version 13.

    Adding Components

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

    ig add

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

    ig list

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

    ig add [component_template] [component_name]

    위의 "comComponent_template"은 일반적으로 Ignite UI for React와 일치합니다.

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

    ig add grid MyGridComponent

    Build and Run the Application

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

    ig build
ig run

    Using Vite

    Ignite UI CLI에 의해 생성된 React 애플리케이션은 Vite를 빌드 도구로 활용합니다. Vite는 빠른 개발 및 프로덕션 빌드를 제공하여 개발 중 HMR(Hot Module Replacement)과 같은 기능을 통해 효율적인 개발 경험을 제공합니다.

    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 버전을 표시하거나 로컬이 누락된 경우 전역으로 표시합니다.