Introducción a la interfaz de línea de comandos Ignite UI

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

    Para comenzar, instale Ignite UI CLI globalmente:

    npm install -g igniteui-cli

    Si usasyarn el gestor de paquetes:

    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 mediante la interfaz de línea Ignite UI, ejecute lo siguiente:

    ig

    o

    ig new
    Reproducir vídeo

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

    Create a new project

    Al usar Ignite UI CLI necesitas proporcionarangular como marco yigx-ts argumento de tipo de proyecto alnew comando:

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

    A partir de entoncesv13.1.0, eligx-ts tipo de proyecto generará un proyecto que utiliza componentes independientes por defecto. Si prefieres usar el bootstrap basado en módulos, puedes configurar eltype to beigx-ts-legacy.

    La nueva aplicación se crea en un directorio con el mismo nombre (newAngularProject). Existen varias plantillas de proyectos entre las que puedes elegir al crear una aplicación 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 del 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 CLI Ignite UI)

    --framework(alias:-f)valor por defecto: "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)

    Elnew comando instalará dependencias de paquetes en la creación del proyecto. Pasar esta bandera se saltará 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 los tipos de proyectos Ignite UI for Angular igx-ts.

    Agregar plantilla

    Para añadir una de las plantillas de Ignite UI Angular disponibles, necesitas 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 soporta dentro de proyectos existentes creados con la Ignite UI CLI, Angular Esquemas o donde Ignite UI for Angular se haya instalado.ng add​

    Usamos elig add [template] [name] comando:

    ig add grid newGrid

    Para obtener una lista de todas las plantillas disponibles también puedes ejecutar elig list comando en el directorio de tu 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

    Elstart comando construirá la aplicación, iniciará un servidor web y lo abrirá en tu navegador predeterminado:

    ig start

    Ignite UI CLI Commands

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