Introducción a Ignite UI for Angular esquemas

    Para empezar, instale Ignite UI for Angular Schematics globalmente:

    npm i -g @igniteui/angular-schematics

    La instalación anterior hará que los esquemas estén disponibles para usar un parámetro de colección para elng new comando.

    Si usasyarn el gestor de paquetes:

    yarn global add @igniteui/angular-schematics

    Using guided experience

    La forma más corta y sencilla de arrancar una aplicación es utilizar la guía paso a paso con Ignite UI for Angular Schematics.

    Para activar la guía mediante el Ignite UI for Angular Esquemas, ejecute:

    ng new --collection="@igniteui/angular-schematics"

    Create a new project

    Para crear una aplicación configurada para usar los controles Ignite UI for Angular, ejecuta elng new comando que proporciona@igniteui/angular-schematics a la opción de colección.

    ng new newAngularProject --collection="@igniteui/angular-schematics" --template=side-nav

    Además, al establecer eltype proyecto así--type=igx-ts-legacy, puedes especificar que prefieres que tu proyecto se genere usando bootstrapping basado en módulos. No especificarlo se aferrará por defecto a un proyecto que use componentes independientes.

    Si ya tienes un proyecto Angular, creado sin proporcionar la@igniteui/angular-schematics colección descrita anteriormente, puedes añadir el producto Ignite UI for Angular usando el siguiente comando:

    ng add igniteui-angular

    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.

    Add template

    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 los Angular Esquemas, Ignite UI CLI o donde Ignite UI for Angular se haya instalado usándolong add.

    Con Schematics, úsalong generate con la colección Ignite UI for Angular ycomponent [template] [name]:

    ng g @igniteui/angular-schematics:component grid newGrid

    Lista de todas las plantillas disponibles.

    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:

    ng g @igniteui/angular-schematics:component 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 esquema construirá la aplicación, iniciará un servidor web y lo abrirá en tu navegador predeterminado.

    ng g @igniteui/angular-schematics:start