|
1 | 1 | --- |
2 | | -title: Angular Schematics | Angular CLI | Ignite UI for Angular | Infragistics |
3 | | -_description: Angular Schematics and Ignite UI CLI help you get a jump start on creating and modifying projects with Ignite UI for Angular components. |
4 | | -_keywords: igniteui for angular, angular schematics, cli, infragistics |
| 2 | +title: Angular Schematics & Ignite UI CLI | Ignite UI for Angular | Infragistics |
| 3 | +_description: The Ignite UI CLI and Ignite UI for Angular Schematics collection scaffold Angular projects and component views pre-configured for Ignite UI for Angular. Includes MCP server for AI assistant integration. |
| 4 | +_keywords: ignite ui for angular, angular schematics, ignite ui cli, scaffolding, infragistics |
| 5 | +last_updated: "2025-04-06" |
5 | 6 | --- |
6 | 7 |
|
| 8 | +<!-- schema: Article --> |
| 9 | + |
7 | 10 | # Angular Schematics & Ignite UI CLI |
8 | 11 |
|
9 | | -Our CLI tools provide project templates pre-configured for Ignite UI for Angular that help you get your next app off the ground in record time. A selection of views with Ignite UI for Angular components that can be further added to projects provide a substantial productivity boost for developers. |
| 12 | +The Ignite UI CLI and the Ignite UI for Angular Schematics collection are two complementary scaffolding tools for generating Angular projects and component views pre-configured for Ignite UI for Angular. Both provide a guided step-by-step wizard and non-interactive command modes. Both produce the same project output - they differ only in how they integrate with your workflow. |
| 13 | + |
| 14 | +The Ignite UI CLI does not manage Blazor or Web Components projects through this Angular toolchain. For the Angular-only Schematics workflow without a separate global tool, use `@igniteui/angular-schematics` directly with the Angular CLI. Neither tool is required to use Ignite UI for Angular - the library can be installed and configured manually as described in the [Getting Started guide](getting-started.md). |
| 15 | + |
| 16 | +## Ignite UI CLI |
| 17 | + |
| 18 | +[Ignite UI CLI](https://github.com/IgniteUI/igniteui-cli) is a standalone global command-line tool for creating and scaffolding applications across Angular, React, and jQuery. Install it with `npm install -g igniteui-cli` and invoke it with the `ig` command. |
| 19 | + |
| 20 | +The CLI provides a guided wizard (`ig` or `ig new`) and non-interactive project creation (`ig new <name> --framework=angular --type=igx-ts`), component scaffolding (`ig add`), a development server (`ig start`), and a built-in MCP server for AI assistant integration (`ig mcp`). |
| 21 | + |
| 22 | +For setup instructions and all available commands, see [Getting Started with Ignite UI CLI](./cli/getting-started-with-cli.md). |
| 23 | + |
| 24 | +## Ignite UI for Angular Schematics |
| 25 | + |
| 26 | +[Ignite UI for Angular Schematics](https://github.com/IgniteUI/igniteui-cli/tree/master/packages/ng-schematics) are a schematic collection that integrates into the Angular CLI. The collection is added to your project automatically when you run `ng add igniteui-angular`. Invoke it with `ng new --collection="@igniteui/angular-schematics"` for project creation and `ng g @igniteui/angular-schematics:component` for component scaffolding. |
| 27 | + |
| 28 | +The Schematics collection provides the same core project templates and component views as the CLI, within the native Angular CLI workflow. It does not include the MCP server - for AI assistant integration, use the Ignite UI CLI alongside your Angular CLI project. |
| 29 | + |
| 30 | +For setup instructions see [Getting Started with Ignite UI for Angular Schematics](./cli/getting-started-with-angular-schematics.md). |
| 31 | + |
| 32 | +## Step-by-Step Guides |
| 33 | + |
| 34 | +Both tools support a guided interactive mode and a direct command mode: |
| 35 | + |
| 36 | +- [Step-by-Step Guide Using Ignite UI CLI](./cli/step-by-step-guide-using-cli.md) |
| 37 | +- [Step-by-Step Guide Using Ignite UI for Angular Schematics](./cli/step-by-step-guide-using-angular-schematics.md) |
| 38 | + |
| 39 | +## AI Assistant Integration (MCP) |
| 40 | + |
| 41 | +The Ignite UI CLI includes a built-in MCP (Model Context Protocol) server that connects AI coding assistants - GitHub Copilot, Claude, Cursor, and others - to live Ignite UI component documentation and API references. Once configured, your AI assistant can look up component APIs, retrieve setup guides, and generate accurate Ignite UI for Angular code without leaving your editor. |
10 | 42 |
|
11 | | -[Ignite UI CLI](https://github.com/IgniteUI/igniteui-cli) is a stand-alone command-line tool for creating and scaffolding applications for a variety of frameworks. You can find more information and examples about its usage in the [Getting Started with Ignite UI CLI](./cli/getting-started-with-cli.md) topic. |
| 43 | +Start the MCP server with: |
12 | 44 |
|
13 | | -[Ignite UI for Angular Schematics](https://github.com/IgniteUI/igniteui-cli/tree/master/packages/ng-schematics) are available as a collection that can be used with the [Angular CLI](https://angular.io/guide/schematics#schematics-for-the-angular-cli). They offer similar core Ignite UI CLI functionality, but one that's integrated with the Schematics workflow and focused specifically on this product. The schematics collection is added to your project when you [install Ignite UI for Angular](getting-started.md#installing-ignite-ui-for-angular). You can find more information and examples about its usage in the [Getting Started with Ignite UI for Angular Schematics](./cli/getting-started-with-angular-schematics.md) topic. |
| 45 | +```cmd |
| 46 | +ig mcp |
| 47 | +``` |
14 | 48 |
|
15 | | -Both versions of the tooling allow for various projects, component and scenario views (templates) and offer [guided step-by-step mode using Ignite UI CLI](./cli/step-by-step-guide-using-cli.md) and [Ignite UI for Angular Schematics](./cli/step-by-step-guide-using-angular-schematics.md). |
| 49 | +For client configuration (VS Code, Claude Desktop, Cursor) and a description of available tools, see [Ignite UI CLI MCP](../ai/cli-mcp.md). |
0 commit comments