Using with Kendo UI Template Wizard for Visual Studio Code

Kendo UI Template Wizard for Visual Studio Code is a tool for scaffolding and building React applications with KendoReact.

The Template Wizard provides pre-built templates to easily setup React applications using the KendoReact components.

Figure 1: Creating a project Create a project

Available Templates

Kendo UI Template Wizard for Visual Studio Code comes with a couple of built-in templates for some of the most popular components like the React Grid, the React Chart and the React Form. These templates allow you to add pages with these components with a single click.

Figure 2: Choosing from the built-in pages Chose a page

Styling

The KendoReact VS Code Template Wizard allows you to select one of the KendoReact themes to start your application with.

Figure 3: Choosing a theme Chose a theme

Setup

  1. Install the Kendo UI Template Wizard from the Visual Studio Code extension section.
  2. Open the command pallette with Ctrl + Shift + P (Cmd + Shift + P on macOS) and search for Kendo UI Template Wizard Launch.
  3. Choose the pages you want to add to your application.
  4. Select your preferred theme.
  5. Click the Create button to finish the setup.
  6. Install the npm dependencies by typing npm install in the terminal.
  7. Run the application by typing npm start in the terminal.

You can also check our detailed guide for the Kendo UI Template Wizard for Visual Studio Code

In this article

Not finding the help you need?