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

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

Create a new project

When using Ignite UI CLI you need to provide angular as framework and igx-ts as your project type argument to the new command:

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

Nota

As of v13.1.0, the igx-ts project type will generate a project that uses standalone components by default. If you prefer to use the module-based bootstrapping instead you can set the type to be igx-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

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 Ignite UI CLI, Angular Schematics or where Ignite UI for Angular has been installed using ng add.

We use the ig add [template] [name] command:

ig add grid newGrid

To get a list of all the available templates you can also execute the ig list command in your project directory.

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

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

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