Introdução ao Ignite UI for Angular Schematics

    Para começar, instale Ignite UI for Angular Schematics globalmente:

    npm i -g @igniteui/angular-schematics

    A instalação acima disponibilizará os esquemas para usar um parâmetro de coleção para o ng new comando.

    Se você estiver usando o yarn gerenciador de pacotes:

    yarn global add @igniteui/angular-schematics

    Using guided experience

    A maneira mais curta e fácil de inicializar um aplicativo é usar o guia passo a passo usando Ignite UI for Angular Esquemas.

    Para ativar a guia usando o Ignite UI for Angular Esquemas, execute:

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

    Create a new project

    Para criar um aplicativo configurado para usar os controles Ignite UI for Angular, execute o ng new comando providing @igniteui/angular-schematics para a opção collection.

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

    Além disso, ao definir o type do projeto, assim--type=igx-ts-legacy, você pode especificar que prefere que seu projeto seja gerado usando bootstrapping baseado em módulo. Não especificá-lo será padronizado para um projeto que usa componentes independentes.

    Se você já possui um projeto Angular, criado sem fornecer a @igniteui/angular-schematics coleção conforme descrito acima, você pode adicionar o Ignite UI for Angular produto, usando o seguinte comando:

    ng add igniteui-angular

    O novo aplicativo é criado em um diretório com o mesmo nome (newAngularProject). Existem vários modelos de projeto que você pode escolher ao criar um aplicativo Ignite UI for Angular:

    ID do modelo Descrição do modelo
    vazio Estrutura do projeto com roteamento e uma página inicial
    navegação lateral Estrutura do projeto com gaveta de navegação lateral
    autenticação de navegação lateral Projeto de navegação lateral estendido com módulo de autenticação de usuário.
    Angular tópico Modelo de Projeto de Autenticação aborda o modelo de projeto em detalhes.

    Além disso, você pode especificar argumentos para controlar o tema ou ignorar a instalação de pacotes:

    nome

    name (alias:-n)

    O nome do aplicativo. O aplicativo é criado dentro de um diretório com o mesmo nome.

    framework(Ignite UI CLI apenas)

    --framework (alias:-f) Valor padrão: "jQuery"

    Framework para configurar o projeto. As estruturas suportadas são jQuery, Angular e React.

    type( somente Ignite UI CLI)

    --type (alias:-t)

    Os tipos de projeto disponíveis dependem da estrutura selecionada.

    tema

    --theme (alias:-th)

    Tema do projeto (depende do tipo de projeto).

    pular-git

    --skip-git (alias:--sg)

    Quando esta opção for usada, a inicialização automática do repositório com o Git será ignorada. Se a opção for omitida, a propriedade de configuração global skip-git será usada.

    pular-instalar

    --skip-install (alias:--si)

    O new comando instalará as dependências do pacote na criação do projeto. Passar esse sinalizador ignorará a instalação inicial.

    modelo

    --template

    Use essa opção se houver modelos de projeto diferentes para um tipo de estrutura específico. Atualmente, esta opção está disponível apenas para Ignite UI for Angular tipos de projeto igx-ts.

    Add template

    Para adicionar um dos modelos de Ignite UI Angular disponíveis, você precisa fornecer a ID do modelo e um nome para o novo componente ou usar o Guia passo a passo. Seu uso é suportado apenas em projetos existentes criados com o Angular Schematics, Ignite UI CLI ou onde Ignite UI for Angular foi instalado usando ng add.

    Com o Schematics, use ng generate com a coleção Ignite UI for Angular e component [template] [name]:

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

    Lista de todos os modelos disponíveis.

    Além disso, você pode especificar o módulo no qual o componente será registrado ou ignorar a geração automática da rota de navegação do aplicativo:

    módulo

    --module (alias:-m)

    Nota: O argumento module é aplicável somente em projetos Angular.

    Caminho para o arquivo module.ts, relativo à pasta /src/app/, para o módulo onde o novo componente deve ser registrado:

    ng g @igniteui/angular-schematics:component combo newCombo --module=myModule/myModule.module.ts
    Pular rota

    --skip-route (alias:-srk)

    Não gere automaticamente uma rota de navegação do aplicativo para o novo componente

    Run the application

    O start esquema irá construir o aplicativo, iniciar um servidor web e abri-lo em seu navegador padrão.

    ng g @igniteui/angular-schematics:start