# Generating Complex Components by Scaffolding

The Kendo UI Productivity Tools extension for Visual Studio (VS) Code includes a scaffolding feature, which enables you to generate complex Kendo UI for Vue components from an interactive wizard-like user interface.

To utilize the Scaffolders functionality, follow the steps below:

1. Right-click on a folder from your Vue project tree.

2. Select the **New Kendo UI for Vue Project Item** option which will open the **Scaffolder** tab.

   ![Scaffolders context menu with the New Kendo UI for Vue Project Item option](https://www.telerik.com/kendo-vue-ui-develop/components/assets/837654eff4b05700542bd02f42e08d62/vue-scaffolder-menu.png)

3. Select a component from the list. Currently, the Data Grid, Chart, Form, and Scheduler Kendo UI for Vue components support scaffolding.

   ![Scaffolders Wizard with the Kendo UI for Vue Project Item Generator dialog with the Scheduler selected as a project item type](https://www.telerik.com/kendo-vue-ui-develop/components/assets/a2222b54fbeb920935c0170c892e1961/vue-scaffolder-wizard.png)

4. Click the **Create** button.

## Suggested Links

* [Download the Kendo UI Productivity Tools Extension for VS Code](https://marketplace.visualstudio.com/items?itemName=KendoUI.kendotemplatewizard)
* [Overview of the Kendo UI Productivity Tools VS Code Extension](https://www.telerik.com/kendo-vue-ui-develop/components/vscode-extension)
* [Productivity Tools VS Code Template Project Wizard](https://www.telerik.com/kendo-vue-ui-develop/components/vscode-extension/project-wizard)
* [Productivity Tools VS Code for Code Snippets](https://www.telerik.com/kendo-vue-ui-develop/components/vscode-extension/snippets)