Interfaz de línea de comandos de Ignite UI para React

Nuestras herramientas CLI proporcionan plantillas de proyectos preconfiguradas para el conjunto de herramientas Ignite UI for React que le ayudan a poner en marcha su próxima aplicación en un tiempo récord. La CLI de Ignite UI es una herramienta de línea de comandos independiente para crear y andamiar sus aplicaciones para una variedad de marcos diferentes y proporciona un aumento sustancial de la productividad para los desarrolladores.

Empezando

Para comenzar, instale la CLI:

npm install -g igniteui-cli
cmd

El comando de instalación anterior hará que la CLI Ignite UI esté disponible para la creación, el andamiaje y la ejecución de la aplicación Ignite UI for React.

Create a New Project

Para crear una aplicación configurada para usar los controles Ignite UI for React mediante la CLI Ignite UI, puede usar la siguiente plantilla en la línea de comandos:

ig new "[name_of_project]" --framework=[target_framework] --type=[project_type]
cmd

Usando la plantilla anterior, si quisieras crear una aplicación React llamada "Mi Proyecto" orientada a TypeScript, podrías escribir el siguiente comando:

ig new "My Project" --framework=react --type=igr-ts
cmd

TypeScript support will be available starting from Ignite UI CLI version 13.

Adding Components

Una vez que haya creado un proyecto, puede agregar plantillas de componentes adicionales usando ig add en cualquier momento. La ejecución de este comando sin ningún parámetro lo guiará a través de las plantillas disponibles mediante el uso de una CLI de navegación por teclado para agregar el control que elija.

ig add
cmd

Alternativamente, puede simplemente ejecutar el comando ig list para obtener una lista completa de las plantillas compatibles en el proyecto actual que ha creado.

ig list
cmd

Después de ejecutar ig list y encontrar la plantilla de componente que desea agregar, puede hacerlo rápidamente siguiendo esta plantilla en su línea de comando:

ig add [component_template] [component_name]
cmd

El "component_template" anterior generalmente coincidirá con un componente Ignite UI for React ("cuadrícula", "gráfico de categoría", "indicador lineal", etc.).

Por ejemplo, si desea agregar un componente con plantilla de cuadrícula de datos denominado "MyGridComponent" a su aplicación, puede ejecutar lo siguiente:

ig add grid MyGridComponent
cmd

Build and Run the Application

Para compilar y ejecutar la aplicación Ignite UI for React, puede llamar a los comandos ig build e ig run:

ig build
ig run
cmd

Using Vite

La aplicación React generada por Ignite UI CLI utiliza Vite como herramienta de compilación. Vite ofrece compilaciones de producción y desarrollo rápidas, lo que proporciona una experiencia de desarrollo eficiente con funciones como reemplazo de módulo activo (HMR) durante el desarrollo.

Ignite UI CLI Commands

Puede encontrar una lista completa de los comandos CLI Ignite UI disponibles y su uso (como pasar indicadores, etc.) en las páginas wiki de CLI Ignite UI:

Dominio	Alias	Descripción
Yo empiezo		Crea la aplicación, inicia un servidor web y abre la aplicación en el navegador predeterminado.
ig construir		Construye la aplicación en un directorio de salida.
Yo genero	gramo	Genera una nueva plantilla personalizada para marcos soportados y tipos de proyectos
Me ayuda	-h	Enumera los comandos disponibles y proporciona una breve descripción de lo que hacen.
configuración de Instagram		Realiza operaciones de lectura y escritura en la configuración CLI Ignite UI.
doc.		Busca en la base de conocimientos Infragistics información sobre un término de búsqueda determinado
lista de Instagram	yo	Enumera todas las plantillas para el marco y tipo especificados. Cuando ejecuta el comando dentro de una carpeta de proyecto, enumerará todas las plantillas para el marco y el tipo del proyecto, incluso si proporciona otras diferentes.
prueba de Instagram		Ejecuta las pruebas para el proyecto actual.
Versión IG	-v	Muestra la versión de Ignite UI CLI instalada localmente o globalmente si falta la local