Guía paso a paso para utilizar la interfaz de línea de comandos Ignite UI

Si desea obtener una experiencia guiada a través de las opciones disponibles, puede inicializar el modo paso a paso que le ayudará a crear y configurar su nueva aplicación, así como actualizar el proyecto previamente creado con la CLI Ignite UI.

Para iniciar la guía utilizando la CLI Ignite UI, simplemente ejecute el comando ig:

ig
bash

o

ig new
bash

Esto activará el modo paso a paso y se te harán una serie de preguntas para ayudarte a crear tu nuevo proyecto.

El modo paso a paso se basa en Inquirer.js, consulte terminales compatibles

Create new project

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

Después de seleccionar Angular como marco de trabajo, se le solicitará que elija el tipo de proyecto que se generará:

Luego se le guiará para que elija una de las plantillas de proyecto disponibles. Puede crear un proyecto vacío, un proyecto con navegación lateral o un proyecto de autenticación con un módulo de autenticación básico. Navegue por las opciones disponibles usando las teclas de flecha y presione ENTER para confirmar la selección:

El siguiente paso es elegir un tema para su aplicación. Si seleccionas la opción predeterminada, se incluye un archivo CSS precompilado (igniteui-angular.css) con el tema de Ignite UI for Angular predeterminado en el de angular.json tu proyecto. La opción personalizada genera código para una paleta de colores y un tema con nuestra API de temas en el app/styles.scss.

Después de completar los pasos anteriores, se generará la estructura de la aplicación, se inicializará el repositorio git y se confirmará el proyecto. Luego se le preguntará si desea completar el proceso o agregar una nueva vista a su aplicación:

Add view

La interfaz de línea Ignite UI admite varias plantillas de componentes, así como algunas plantillas de escenarios más elaboradas, que se pueden agregar a un proyecto. Este modo se puede activar después de completar la creación del proyecto o dentro de un proyecto existente mediante los siguientes comandos.

Al utilizar la interfaz de línea Ignite UI, ejecute el comando add:

ig add
bash

En caso de que elija agregar un nuevo control, se le proporcionará una lista de las plantillas disponibles, agrupadas en categorías.

Utilice las teclas de flecha para navegar por las opciones y ENTER para elegir la seleccionada.

Para algunas plantillas, como Custom Grid, por ejemplo, se le proporcionará una lista de opciones que puede habilitar. Las opciones se pueden alternar con la tecla ESPACIO:

Si elige agregar un escenario a su aplicación, también obtendrá una lista de las plantillas de escenarios disponibles:

Después de agregar una plantilla a su aplicación, se le preguntará si desea completar el proceso o continuar agregando más controles. Cuando elija completar el proceso, se instalarán los paquetes requeridos (al crear el proyecto) y la aplicación se entregará y abrirá en su navegador predeterminado.

Siempre puede agregar más vistas Ignite UI for Angular a su aplicación en el último momento usando el add comando con la siguiente sintaxis: ig add [template] [name].