Ignite UI CLI para Web Components
Nossas ferramentas CLI fornecem modelos de projeto pré-configurados para o conjunto de ferramentas Ignite UI for Web Components que ajudam você a tirar seu próximo aplicativo do papel em tempo recorde. O Ignite UI CLI é uma ferramenta de linha de comando autônoma para criar e estruturar seus aplicativos para uma variedade de estruturas diferentes e fornece um aumento substancial de produtividade para desenvolvedores.
Começando
Para começar, instale o CLI:
npm install -g igniteui-cli
O comando de instalação acima tornará o Ignite UI CLI disponível para criação, estruturação e execução do seu aplicativo Ignite UI for Web Components.
Create a New Project
Para criar um aplicativo configurado para usar os controles do Ignite UI for Web Components usando a CLI Ignite UI, você pode usar o seguinte modelo na sua linha de comando:
ig new "[name_of_project]" --framework=[target_framework]
Usando o modelo acima, se você quiser criar um aplicativo Web Components chamado "Meu Projeto", você pode escrever o seguinte comando:
ig new "My Project" --framework=webcomponents
Adding Components
Depois de criar um projeto, você pode adicionar modelos de componentes adicionais usando ig add a qualquer momento. Executar esse comando sem nenhum parâmetro guiará você pelos modelos disponíveis usando uma CLI de navegação por teclado para adicionar o controle de sua escolha.
ig add
Como alternativa, você pode simplesmente executar o comando ig list para obter uma lista completa de modelos suportados no projeto atual que você criou.
ig list
Depois de executar ig list e encontrar o modelo de componente que deseja adicionar, você pode fazer isso rapidamente seguindo este modelo na sua linha de comando:
ig add [component_template] [component_name]
O "component_template" acima geralmente corresponderá a um componente Ignite UI for Web Components ("grid", "category-chart", "linear-gauge", etc.).
Por exemplo, se você quisesse adicionar um componente de modelo de grade de dados chamado "MyGridComponent" ao seu aplicativo, você poderia executar o seguinte:
ig add grid MyGridComponent
Atualmente, a CLI pode ser usada com os seguintes Web Components:
| Nome | Modelo de componente |
|---|---|
| Avatar | avatar |
| Cartão | cartão |
| Distintivo | distintivo |
| Botão | botão |
| Caixa de seleção | caixa de seleção |
| Forma | forma |
| Ícone | ícone |
| Botão de ícone | botão-ícone |
| Entrada | entrada |
| Grupo de Rádio | grupo de rádio |
| Interruptor | trocar |
| Calendário | calendário |
| Lista | lista |
| Barra de navegação | barra de navegação |
| Ondulação | ondulação |
| Gráfico de pizza | gráfico de pizza |
| Gerenciador de docas | gerente de doca |
Build and Run the Application
Para criar e executar o aplicativo Ignite UI for Web Components, você pode chamar os comandos ig build e ig run:
ig build
ig run
Ignite UI CLI Commands
Uma lista completa dos comandos Ignite UI CLI disponíveis e seu uso (como passar sinalizadores, etc.), pode ser encontrada nas páginas wiki da CLI Ignite UI:
| Comando | Cognome | Descrição |
|---|---|---|
| início do jogo | Compila o aplicativo, inicia um servidor Web e abre o aplicativo no navegador padrão. | |
| construção do ig | Compila o aplicativo em um diretório de saída | |
| ig gerar | g | Gera um novo modelo personalizado para estruturas e tipos de projeto com suporte |
| ajuda do ig | -h | Lista os comandos disponíveis e fornece uma breve descrição do que eles fazem. |
| configuração do ig | Executa a operação de leitura e gravação nas definições de configuração da CLI do Ignite UI. | |
| ig doc | Pesquisa a base de dados de conhecimento Infragistics para obter informações sobre um determinado termo de pesquisa | |
| lista ig | l | Lista todos os modelos para a estrutura e o tipo especificados. Quando você executa o comando em uma pasta de projeto, ele listará todos os modelos para a estrutura e o tipo do projeto, mesmo que você forneça modelos diferentes. |
| Teste de IG | Executa os testes para o projeto atual. | |
| versão ig | -v | Mostra Ignite UI versão da CLI instalada localmente ou globalmente se o local estiver ausente |