Ignite UI CLI 시작하기

    처음부터 새로운 Angular 애플리케이션을 생성하는 경우 사용자 친화적인 안내 환경을 제공하므로 아래에 설명된 접근 방식을 사용하는 것이 좋습니다. 가이드는 모든 설정 옵션을 안내할 것이며 프로젝트는 눈 깜짝할 사이에 비계가 될 것입니다.

    ​Ignite UI CLI를 전역적으로 설치하려면 다음을 수행하십시오.

    npm install -g igniteui-cli

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

    yarn global add igniteui-cli

    Using guided experience

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

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

    ig

    또는

    ig new

    첫 번째 Ignite UI CLI 앱 구축

    Create a new project

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

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

    현재 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 에만 사용할 수 있습니다.

    Add template

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

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

    ig add grid newGrid

    ​사용 가능한 모든 템플릿 목록을 얻으려면 프로젝트 디렉토리에서 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

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