Guia passo a passo usando Ignite UI CLI

    O modo passo a passo da Ignite UI CLI é um assistente interativo que guia você na criação de projetos, seleção de templates, tematização e adição de visualização de componentes para Ignite UI projetos de Angular baseados em CLI. Ele cobre as mesmas operações dos comandos não interativosig new eig add LI, mas te orienta em cada etapa, em vez de exigir todos os argumentos no início.

    O modo passo a passo não suporta uso scriptado ou não interativo – para isso, use os comandos diretosig new eig add com argumentos explícitos. O assistente se baseia emInquirer.js; veja terminais suportados para compatibilidade.

    Para ativar o mago, corra:

    ig

    or:

    ig new
    Reproduzir vídeo: Construindo seu primeiro aplicativo de CLI Ignite UI

    Criando seu primeiro aplicativo CLI do Ignite UI

    Create new project

    Primeiro, você será solicitado a inserir um nome para seu aplicativo:

    Passo a passo do novo nome do projeto

    Após selecionarAngular como framework, você será solicitado a escolher o tipo de projeto a ser gerado:

    Seleção passo a passo do tipo de projeto

    Depois, você será guiado a escolher um dos modelos de projeto disponíveis. Você pode criar um projeto vazio, um projeto com orientação lateral ou um projeto de autenticação com um módulo básico de autenticação. Navegue pelas opções disponíveis usando as setas e pressione ENTER para confirmar a seleção:

    Seleção passo a passo do novo modelo de projeto

    O próximo passo é escolher um tema para sua aplicação. Selecionar a opção padrão inclui um arquivo CSS pré-compilado (igniteui-angular.css) com o Ignite UI for Angular tema padrão noangular.json seu projeto. A opção personalizada gera uma paleta de cores e configuração de tema usando a API​app/styles.scss de Temas.

    Passo a passo seleção do novo tema do projeto

    Após concluir as etapas acima, a estrutura da aplicação é gerada, um repositório Git é inicializado e o projeto é comprometido. Você então será questionado se deve concluir o processo ou adicionar uma nova visualização à sua aplicação:

    Passo a passo para nova ação de projeto

    Add view

    A CLI Ignite UI suporta múltiplos templates de componentes e cenários que podem ser adicionados a um projeto. Esse modo pode ser ativado tanto como continuação da criação de um projeto quanto dentro de um projeto existente usando o comando abaixo.

    ig add

    Você receberá uma lista dos modelos disponíveis, agrupados por categoria.

    Seleção de grupos de modelos passo a passo

    Use as setas para navegar pelas opções e ENTER para selecionar. Para alguns modelos,Custom Grid como você receberá uma lista de recursos opcionais que podem ser ativados com a tecla ESPAÇO:

    Alternância de recurso de componente passo a passo

    Se você optar por adicionar um cenário à sua aplicação, também receberá uma lista dos modelos de cenários disponíveis:

    Seleção passo a passo do modelo de cenário

    Após adicionar um modelo, será perguntado se você deve adicionar mais visualizações ou completar o processo. Ao concluir, quaisquer dependências restantes de pacotes são instaladas e o aplicativo é servido e aberto no seu navegador padrão.

    Para adicionar mais visualizações Ignite UI for Angular a um projeto depois, sem o assistente, use o comando diretoadd:

    ig add [template] [name]