Introducción a la CLI Ignite UI

    Si está creando una nueva aplicación Angular desde cero, le recomendamos utilizar el enfoque que se describe a continuación, ya que le brindará una experiencia guiada fácil de usar. La guía lo guiará a través de todas las opciones de configuración y su proyecto estará estructurado en un abrir y cerrar de ojos.

    Para comenzar, instale Ignite UI CLI globalmente:

    npm install -g igniteui-cli

    Si está utilizando el administrador de paquetes yarn:

    yarn global add igniteui-cli

    Using guided experience

    La forma más corta y sencilla de iniciar una aplicación es utilizar la guía paso a paso utilizando Ignite UI CLI.

    Para activar la guía usando la CLI Ignite UI, ejecute:

    ig

    o

    ig new

    Creación de su primera aplicación CLI Ignite UI

    Create a new project

    Cuando utilice Ignite UI CLI, debe proporcionar angular como marco e igx-ts como argumento de tipo de proyecto para el new comando:

    ig new newAngularProject --framework=angular --type=igx-ts --template=side-nav
    Note

    A partir de entonces, el igx-ts tipo de proyecto generará un proyecto que utiliza componentes independientes de v13.1.0 forma predeterminada. Si prefiere utilizar el bootstrapping basado en módulos en su lugar, puede establecer el type valor en ser igx-ts-legacy.

    La nueva aplicación se crea en un directorio con el mismo nombre (newAngularProject). Hay varias plantillas de proyecto entre las que puede elegir al crear una Ignite UI for Angular:

    identificación de la plantilla descripción de la plantilla
    vacío Estructura del proyecto con enrutamiento y una página de inicio
    navegación lateral Estructura de proyecto con cajón de navegación lateral.
    lado-nav-autorización Proyecto de navegación lateral ampliado con módulo de autenticación de usuarios.
    El tema Plantilla de proyecto de autenticación Angular cubre la plantilla de proyecto en detalle.

    Además, puede especificar argumentos para controlar el tema u omitir la instalación de paquetes:

    nombre

    name (alias:-n)

    El nombre de la aplicación. La aplicación se crea dentro de un directorio con el mismo nombre.

    marco(solo Ignite UI CLI)

    --framework (alias:-f) valor predeterminado: "jquery"

    Marco para configurar el proyecto. Los frameworks soportados son jQuery, Angular y React.

    tipo(solo CLI Ignite UI)

    --type (alias:-t)

    Los tipos de proyectos disponibles dependen del marco seleccionado.

    tema

    --theme (alias:-th)

    Tema del proyecto (depende del tipo de proyecto).

    saltar-git

    --skip-git (alias:--sg)

    Cuando se usa esta opción, se omitirá la inicialización automática del repositorio con Git. Si se omite la opción, se utiliza la propiedad de configuración global skip-git.

    saltar-instalar

    --skip-install (alias:--si)

    El new comando instalará las dependencias del paquete en la creación del proyecto. Pasar este indicador omitirá la instalación inicial.

    plantilla

    --template

    Utilice esta opción si hay diferentes plantillas de proyecto para un tipo de marco específico. Actualmente, esta opción solo está disponible para Ignite UI for Angular igx-ts.

    Add template

    Para agregar una de las plantillas Ignite UI Angular disponibles, debe proporcionar el ID de la plantilla y un nombre para el nuevo componente o utilizar la Guía paso a paso. Su uso solo se admite dentro de proyectos existentes creados con Ignite UI CLI, Angular Schematics o donde se instaló Ignite UI for Angular usando ng add.

    Usamos el comando ig add [template] [name]:

    ig add grid newGrid

    Para obtener una lista de todas las plantillas disponibles, también puede ejecutar el comando ig list en el directorio de su proyecto.

    Además, puede especificar el módulo en el que se registrará el componente u omitir la generación automática de la ruta de navegación de la aplicación:

    módulo

    --module (alias:-m)

    nota: el argumento del módulo solo se aplica en proyectos Angular.

    Ruta al archivo module.ts, relativo a la carpeta /src/app/, del módulo donde se debe registrar el nuevo componente:

    ig add combo newCombo --module=myModule/myModule.module.ts
    saltear ruta

    --skip-route (alias:-srk)

    No genere automáticamente una ruta de navegación de la aplicación para el nuevo componente

    Run the application

    El comando start creará la aplicación, iniciará un servidor web y lo abrirá en su navegador predeterminado:

    ig start

    Ignite UI CLI Commands

    Puede encontrar una lista completa de los comandos disponibles de la CLI Ignite UI y su uso (como pasar indicadores, etc.) en las páginas wiki de la 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 los ajustes de configuración de la 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 de Instagram -v Muestra la versión CLI Ignite UI instalada localmente o globalmente si falta la local