Ignite UI for Angular 시작하기

    ​Ignite UI for Angular 전역적으로 설치하려면 다음 단계를 따르세요.

    npm i -g @igniteui/angular-schematics

    위의 설치는 ng new 명령에 대한 수집 매개변수를 사용하기 위해 회로도를 사용할 수 있도록 합니다.

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

    yarn global add @igniteui/angular-schematics

    Using guided experience

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

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

    ng new --collection="@igniteui/angular-schematics"

    Create a new project

    Ignite UI for Angular 사용하도록 구성된 애플리케이션을 생성하려면 컬렉션 옵션에 @igniteui/angular-schematics 제공하는 ng new 명령을 실행하세요.

    ng new newAngularProject --collection="@igniteui/angular-schematics" --template=side-nav

    또한 다음과 같이--type=igx-ts-legacy 프로젝트를 설정하여 type 모듈 기반 부트스트랩을 사용하여 프로젝트를 생성하도록 지정할 수 있습니다. 지정하지 않으면 독립 실행형 구성 요소를 사용하는 프로젝트로 기본 설정됩니다.

    위에 설명된 대로 @igniteui/angular-schematics 컬렉션을 제공하지 않고 생성된 Angular 프로젝트가 이미 있는 경우 다음 명령을 사용하여 Ignite UI for Angular 추가할 수 있습니다.

    ng add igniteui-angular

    새 애플리케이션은 동일한 이름(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와 이름을 제공하거나 단계별 가이드를 사용해야 합니다. 해당 사용은 Angular Schematics, Ignite UI CLI를 사용하여 생성된 기존 프로젝트 내에서만 지원되거나 ​ng add 사용하여 Ignite UI for Angular 설치된 경우에만 지원됩니다.

    Schematics를 사용하여 ng generate Ignite UI for Angular 사용하고 component [template] [name]:

    ng g @igniteui/angular-schematics:component grid newGrid

    ​사용 가능한 모든 템플릿 목록입니다.

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

    기준 치수

    --module (별칭:-m)

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

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

    ng g @igniteui/angular-schematics:component combo newCombo --module=myModule/myModule.module.ts
    스킵 루트

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

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

    Run the application

    ​start 회로도는 응용 프로그램을 빌드하고 웹 서버를 시작하고 기본 브라우저에서 엽니다.

    ng g @igniteui/angular-schematics:start