New to Kendo UI for AngularStart a free 30-day trial

Angular Project Wizard

This article demonstrates how to use the Kendo UI Productivity Tools extension for Visual Studio Code to create new projects that are pre-configured for the Kendo UI for Angular components.

Project Creation

To create a new Kendo UI for Angular project:

  • Press Ctrl+Shift+P in Windows/Linux or Cmd+Shift+P on Mac to open the VS Code extension launcher.

    VSCode-Extensions-Search

  • Type/Select Kendo UI Productivity Tools: Launch and press Enter to launch the extension.

Project Configuration

  1. Choose a name for your project and an output directory.

  2. Pick Kendo UI for Angular from the listed Kendo UI suites.

  3. Select the pages that should be included in the new project. The currently available options are Blank, Grid, Chart and Form.

  4. Select the Kendo UI theme to be applied. You can choose between Default, Bootstrap, Material and Fluent themes.

  5. Finally, click on Create to generate the new project.

    VSCode-Template-Wizard

In this article
Project CreationProject ConfigurationSuggested Links
Not finding the help you need?
Contact Support