Ignite UI CLI para Web Components
Nuestras herramientas CLI proporcionan plantillas de proyectos preconfiguradas para el conjunto de herramientas Ignite UI for Web Components 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 Web Components.
Crear un nuevo proyecto
Para crear una aplicación configurada para usar los controles Ignite UI for Web Components mediante la CLI Ignite UI, puede usar la siguiente plantilla en la línea de comandos:
ig new "[name_of_project]" --framework=[target_framework]
cmd
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
cmd
Agregar componentes
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 Web Components ("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
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 |
Generar y ejecutar la aplicación
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
cmd
Comandos de la interfaz de línea de comandos Ignite UI
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 |