Ignite UI CLI para React
Nossas ferramentas CLI fornecem modelos de projeto pré-configurados para o conjunto de ferramentas Ignite UI for React 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 React.
Create a New Project
Para criar um aplicativo configurado para usar a Ignite UI for React usando a CLI Ignite UI, você pode usar o seguinte modelo na sua linha de comando:
ig new "[name_of_project]" --framework=[target_framework] --type=[project_type]
Usando o modelo acima, se você quisesse criar um aplicativo React chamado "Meu Projeto" direcionado ao TypeScript, você poderia escrever o seguinte comando:
ig new "My Project" --framework=react --type=igr-ts
[!Note] TypeScript support will be available starting from Ignite UI CLI version 13.
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 React ("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
Build and Run the Application
Para criar e executar o aplicativo Ignite UI for React, você pode chamar os comandos ig build e ig run:
ig build
ig run
Using Vite
O aplicativo React gerado pelo Ignite UI CLI utiliza o Vite como ferramenta de construção. O Vite oferece construções rápidas de desenvolvimento e produção, fornecendo uma experiência de desenvolvimento eficiente com recursos como substituição de módulo a quente (HMR) durante o desenvolvimento.
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 |