Ignite UI CLI 시작하기

    처음부터 새로운 Angular 애플리케이션을 만드는 경우 아래에 설명된 접근 방식을 사용하는 것이 좋습니다. 사용자 친화적인 가이드 경험을 제공하기 때문입니다. 가이드는 모든 설정 옵션을 안내하고 프로젝트는 눈 깜짝할 새에 스캐폴딩됩니다.

    시작하려면 Ignite UI CLI를 전역적으로 설치하세요.

    npm install -g igniteui-cli 
cmd

    ​yarn 패키지 관리자를 사용하는 경우:

    yarn global add igniteui-cli
cmd

    Using guided experience

    애플리케이션을 부트스트랩하는 가장 짧고 쉬운 방법은 Ignite UI CLI를 사용하는 단계별 가이드를 사용하는 것입니다.

    Ignite UI CLI를 사용하여 가이드를 활성화하려면 다음을 실행하세요.

    ig
cmd

    또는

    ig new
cmd

    첫 번째 Ignite UI CLI 앱 빌드

    Create a new project

    ​Ignite UI CLI를 사용하는 경우 new 명령에 프레임워크로 angular 제공하고 프로젝트 유형 인수로 igx-ts 제공해야 합니다.

    ig new newAngularProject --framework=angular --type=igx-ts --template=side-nav
cmd

    현재 v13.1.0​ ​igx-ts 프로젝트 형식은 기본적으로 독립 실행형 구성 요소를 사용하는 프로젝트를 생성합니다. 대신 모듈 기반 부트스트랩을 사용하려면 를 be로 설정할 type 수 있습니다 igx-ts-legacy.

    새 응용 프로그램은 동일한 이름() newAngularProject의 디렉토리에 만들어집니다. Ignite UI for Angular 응용 프로그램을 만들 때 선택할 수 있는 몇 가지 프로젝트 템플릿이 있습니다.

    템플릿 아이디 템플릿 설명
    비어 있는 라우팅 및 홈페이지가 있는 프로젝트 구조
    사이드 내비게이션 측면 탐색 서랍이 있는 프로젝트 구조
    측면 탐색 인증 사용자 인증 모듈로 확장된 측면 탐색 프로젝트입니다.
    Angular 인증 프로젝트 템플릿 항목에서는 프로젝트 템플릿을 자세히 다룹니다.

    또한 인수를 지정하여 테마를 제어하거나 패키지 설치를 건너뛸 수 있습니다.

    이름

    name (별칭:-n)

    애플리케이션의 이름입니다. 응용 프로그램은 동일한 이름의 디렉터리 내에 생성됩니다.

    프레임워크(Ignite UI CLI만 해당)

    --framework (별칭:-f) 기본값: "jquery"

    프로젝트를 설정할 프레임워크. 지원되는 프레임워크는 jQuery, Angular 및 React 입니다.

    유형(Ignite UI CLI 전용)

    --type (별칭:-t)

    사용 가능한 프로젝트 유형은 선택한 프레임워크에 따라 다릅니다.

    주제

    --theme (별칭:-th)

    프로젝트 테마(프로젝트 유형에 따라 다름).

    skip-git

    --skip-git (별칭:--sg)

    이 옵션을 사용하면 Git을 사용한 자동 리포지토리 초기화를 건너뜁니다. 옵션을 생략하면 전역 skip-git 구성 속성이 사용됩니다.

    건너뛰기-설치

    --skip-install (별칭:--si)

    ​new 명령은 프로젝트 생성 시 패키지 종속성을 설치합니다. 이 플래그를 전달하면 초기 설치를 건너뜁니다.

    주형

    --template

    특정 프레임워크 유형에 대한 다른 프로젝트 템플릿이 있는 경우 이 옵션을 사용합니다. 현재 이 옵션은 Ignite UI for Angular igx-ts 프로젝트 유형에만 사용할 수 있습니다.

    Add template

    ​사용 가능한 Ignite UI Angular 템플릿 중 하나를 추가하려면 템플릿 ID와 새 구성 요소의 이름을 제공하거나 단계별 가이드를 사용해야 합니다. Ignite UI CLI, Angular Schematics로 생성된 기존 프로젝트 또는 Ignite UI for Angular 사용하여 ng add 설치된 프로젝트 내에서만 사용이 지원됩니다.

    ​ig add [template] [name] 명령을 사용합니다.

    ig add grid newGrid
cmd

    ​사용 가능한 모든 템플릿 목록을 얻으려면 프로젝트 디렉토리에서 ig list 명령을 실행할 수도 있습니다.

    또한 구성 요소를 등록할 모듈을 지정하거나 앱 탐색 경로의 자동 생성을 건너뛸 수 있습니다.

    기준 치수

    --module (별칭:-m)

    참고: 모듈 인수는 Angular 프로젝트에만 적용됩니다.

    새 구성 요소를 등록해야 하는 모듈의 /src/app/ 폴더에 상대적인 module.ts 파일 경로:

    ig add combo newCombo --module=myModule/myModule.module.ts
    스킵 루트

    --skip-route (별칭:-srk)

    새 구성 요소에 대한 앱 탐색 경로를 자동 생성하지 마십시오.

    Run the application

    ​start 명령은 애플리케이션을 빌드하고 웹 서버를 시작한 다음 기본 브라우저에서 엽니다.

    ig start
cmd
    App Builder | CTA Banner

    Ignite UI CLI Commands

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

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