Guía paso a paso usando Ignite UI CLI

El modo paso a paso de la CLI Ignite UI es un asistente interactivo que te guía en la creación de proyectos, selección de plantillas, tematización y suma de la vista de componentes para Ignite UI proyectos de Angular basados en CLI. Cubre las mismas operaciones que los comandos no interactivosig new​ig add y pero te indica en cada paso en lugar de requerir todos los argumentos desde el principio.

El modo paso a paso no soporta uso guionizado ni no interactivo; para ello, utiliza los comandos directosig new yig add con argumentos explícitos. El asistente se basa en;Inquirer.js véase terminales soportados para compatibilidad.

Para activar al mago, corre:

ig

or:

ig new

Cómo crear su primera aplicación Ignite UI CLI

Create new project

Primero se le pedirá que ingrese un nombre para su aplicación:

Tras seleccionarAngular como framework, se te pedirá que elijas el tipo de proyecto que se va a generar:

Luego se te guiará para elegir una de las plantillas de proyectos disponibles. Puedes crear un proyecto vacío, un proyecto con navegación lateral o un proyecto de autenticación con un módulo básico de autenticación. Navega por las opciones disponibles usando las teclas de flecha y pulsa ENTER para confirmar la selección:

El siguiente paso es elegir un tema para tu aplicación. Seleccionar la opción predeterminada incluye un archivo CSS precompilado (igniteui-angular.css) con el tema Ignite UI for Angular predeterminado en elangular.json de tu proyecto. La opción personalizada genera una paleta de colores y una configuración de tema usando la API de Temas.app/styles.scss​

Tras completar los pasos anteriores, se genera la estructura de la aplicación, se inicializa un repositorio Git y se compromete el proyecto. Luego se te preguntará si debes completar el proceso o añadir una nueva vista a tu aplicación:

Add view

La CLI Ignite UI soporta múltiples plantillas de componentes y plantillas de escenario que se pueden añadir a un proyecto. Este modo puede activarse tanto como continuación de la creación de un proyecto como dentro de un proyecto existente usando el comando siguiente.

ig add

Se te proporcionará una lista de las plantillas disponibles, agrupadas por categoría.

Utiliza las flechas para navegar por las opciones y ENTER para seleccionar. Para algunas plantillas,Custom Grid como las que se te proporcionará una lista de funciones opcionales que se pueden activar con la tecla ESPACIO:

Si decides añadir un escenario a tu solicitud, también recibirás una lista de las plantillas de escenarios disponibles:

Tras añadir una plantilla, se te preguntará si añadir más vistas o completar el proceso. Al completar, se instalan las dependencias restantes de paquetes y la aplicación se sirve y se abre en tu navegador predeterminado.

Para añadir más vistas Ignite UI for Angular a un proyecto más adelante sin el asistente, usa el comando directoadd:

ig add [template] [name]