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.

    To start the guide using the Ignite UI CLI, simply run the ig command:

    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

    Step by step mode relies on Inquirer.js, see supported terminals

    Create new project

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

    After selecting Angular as a freamework, you will be prompted to choose the type of the project that is to be generated:

    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:

    The next step is to choose a theme for your application. If you select the default option a pre-compiled CSS file (igniteui-angular.css) with the default Ignite UI for Angular theme is included in your project's angular.json. The custom option generates code for a color palette and theme with our Theming API in the 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.

    When using Ignite UI CLI, run the add command:

    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.

    For some templates, like Custom Grid, for example you will be provided with a list of options that you might enable. Options can be toggled with the SPACE key:

    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.

    You can always add more Ignite UI for Angular views to your application at latter moment using the add command using the following syntax: ig add [template] [name].