Ignite UI para React
Nuestras herramientas CLI proporcionan plantillas de proyecto preconfiguradas para el conjunto de herramientas Ignite UI for React que lo ayudan a poner en marcha su próxima aplicación en un tiempo récord. La CLI Ignite UI es una herramienta de línea de comandos independiente para crear y estructurar 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
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 su aplicación Ignite UI for React.
Create a New Project
Para crear una aplicación que esté configurada para usar la Ignite UI for React usando la CLI Ignite UI, puede usar la siguiente plantilla en su línea de comando:
ig new "[name_of_project]" --framework=[target_framework] --type=[project_type]
Usando la plantilla anterior, si desea crear una aplicación de React llamada "Mi proyecto" dirigida a TypeScript, puede escribir el siguiente 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
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
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
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]
El "component_template" anterior generalmente coincidirá con una Ignite UI for React ("cuadrícula", "gráfico de categorías", "medidor 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
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
Using Vite
La aplicación React generada por Ignite UI CLI utiliza Vite como herramienta de compilación. Vite ofrece compilaciones rápidas de desarrollo y producción, lo que proporciona una experiencia de desarrollo eficiente con características como el reemplazo de módulos en caliente (HMR) durante el desarrollo.
Ignite UI CLI Commands
Puede encontrar una lista completa de los comandos disponibles de la CLI Ignite UI y su uso (como pasar indicadores, etc.) en las páginas wiki de la 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 los ajustes de configuración de la 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 CLI Ignite UI instalada localmente o globalmente si falta la local |