Guía paso a paso usando la CLI Ignite UI

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

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

ig

o

ig new

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

Note

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 freamework, se le pedirá que elija el tipo de proyecto que se va a 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 selecciona la opción predeterminada, se incluye un archivo CSS precompilado (igniteui-angular.css) con la Ignite UI for Angular en el angular.json de su proyecto. La opción personalizada genera código para una paleta de colores y un tema con nuestra API de temas en 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

Ignite UI CLI admite múltiples 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 usando los siguientes comandos.

Cuando utilice la CLI Ignite UI, ejecute el comando add:

ig add

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 Ignite UI for Angular a su aplicación en el último momento usando el comando add usando la siguiente sintaxis: ig add [template] [name].