Introducción a Ignite UI for Angular esquemas

    Para empezar, instale Ignite UI for Angular Schematics globalmente:

    npm i -g @igniteui/angular-schematics

    The above install will make the schematics available to use a collection parameter for the ng new command.

    If you are using yarn package manager:

    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

    To create an application that is configured to use the Ignite UI for Angular controls, run the ng new command providing @igniteui/angular-schematics to the collection option.

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

    Additionally, by setting the type of the project, like so --type=igx-ts-legacy, you can specify that you prefer your project to be generated using module based bootstrapping. Not specifying it will default to a project that uses standalone components.

    If you already have an Angular project, created without providing the @igniteui/angular-schematics collection as described above, you can add the Ignite UI for Angular product, using the following command:

    ng add igniteui-angular

    The new application is created in a directory with the same name (newAngularProject). There are several project templates from which you can choose when creating an Ignite UI for Angular application:

    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) default value: "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)

    The new command will install package dependencies on project creation. Passing this flag will skip the initial installation.

    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

    To add one of the available Ignite UI Angular templates you need to provide template ID and a name for the new component or use the Step-by-Step Guide. Their usage is supported only inside existing projects created with the Angular Schematics, Ignite UI CLI or where Ignite UI for Angular has been installed using ng add.

    With Schematics, use ng generate with the Ignite UI for Angular collection and component [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

    The start schematic will build the application, start a web server and open it in your default browser.

    ng g @igniteui/angular-schematics:start