Kendo UI Productivity Tools for Visual Studio Code
The Kendo UI Productivity Tools extension simplifies the process of creating new Kendo UI projects and eases the development in existing ones. It can be installed and launched on Windows, Linux and Mac. You could consider this an all-in-one extension, which covers all available Kendo UI flavors:
The Kendo UI Productivity Tools include three main features:
The Template Wizard eases development efforts by providing аn interface for creating new projects that are pre-configured for Kendo UI components. The Template Wizard provides a Blank project template, which could be further enhanced by the addition of more pages with Grids, Charts, Forms etc. You can easily configure the desired theme for your application by choosing from Default, Bootstrap or Material themes. The end result is a ready-to-run application with all required configurations and dependencies. This enables you to immediately start using the Kendo UI components.
To create a new Kendo UI project follow the steps below:
The Kendo UI Productivity Tools extension provides a handy feature to improve the daily development with our library – code snippets. Snippets simplify and accelerate the implementation of Kendo UI components in your project. They facilitate the development process by providing a quick way for adding the components directly in the source-code, while also including predefined tab stops for the required options.
To take advantage of the tens availbale code snippets, follow the steps below:
Our snippets library consists of many components such as Grid, Inputs, Layouts etc. More will be available in upcoming months.
More information about the available snippets can be found below:
Kendo UI for Angular
A full list of the available Kendo UI for Angular snippets and their usage can be found in our documentation.
Kendo UI for jQuery Snippets Catalog
A full list of the available KendoReact snippets and their usage can be found in our documentation.
Kendo UI for Vue
A full list of the available Kendo UI for Vue snippets and their usage can be found in our documentation.
Scaffolders ease the process of generating and integrating new Kendo UI components in existing projects. The tool enables you to create complex Kendo UI components with a lot of repetitive configuration (like Grid, Chart etc.), by selecting options from a seamless interactive wizard-like UI. The scaffolder functionality is a great way to get started with the Kendo UI components for the first time and experiment with their features.
Kendo UI for Angular (Beta)
The Scaffolders feature is currently in beta and is only available for the
Our team continues the work on expanding the Scaffolders functionalities in the upcoming months by adding additional configuration options, data-binding variations, as well as more components.
The Scaffolders feature of
Right-click on a folder of your React app in the VSCode Explorer panel.
Then select the desired KendoReact component you wish to add to your project.
Request a Feature / Submit Feedback
You can request a feature or submit feedback using the Kendo UI support system
This code is distributed under the terms and conditions of the Progress Software Corporation End User License Agreement for Visual Studio Code Extensions.