Ignite UI CLI para Web Components
Nuestras herramientas CLI proporcionan plantillas de proyecto preconfiguradas para el conjunto de herramientas Ignite UI for Web Components que le ayudarán 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 Web Components.
Create a New Project
Para crear una aplicación que esté configurada para usar los controles Ignite UI for Web Components usando la CLI Ignite UI, puede usar la siguiente plantilla en su línea de comando:
ig new "[name_of_project]" --framework=[target_framework]
Usando la plantilla anterior, si desea crear una aplicación Web Components llamada "Mi proyecto", puede escribir el siguiente comando:
ig new "My Project" --framework=webcomponents
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 un componente Ignite UI for Web Components ("grid", "category-chart", "linear-gauge", 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
Actualmente, la CLI se puede utilizar con los siguientes Web Components:
| Nombre | Plantilla de componente |
|---|---|
| Avatar | avatar |
| Tarjeta | tarjeta |
| Insignia | insignia |
| Botón | botón |
| Caja | caja |
| Forma | forma |
| Icono | icono |
| Botón de icono | botón-icono |
| Aporte | aporte |
| Grupo Radiofónico | grupo de radio |
| Cambiar | cambiar |
| Calendario | calendario |
| Lista | lista |
| barra de navegación | barra de navegación |
| Onda | onda |
| Gráfico circular | Gráfico circular |
| Gerente de muelle | gerente de muelle |
Build and Run the Application
Para compilar y ejecutar la aplicación Ignite UI for Web Components, puede llamar a los comandos ig build e ig run:
ig build
ig run
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 |