# Angular Scaffolders

The Kendo UI Productivity Tools extension for Visual Studio Code includes a Scaffolders feature. This makes it possible to generate complex Kendo UI for Angular components by selecting features from an interactive wizard-like user interface.

To utilize the Scaffolder functionality, follow the steps outlined below:

1. Right-click on a folder from you Angular project tree.

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

   ![VSCode-Snippets](https://www.telerik.com/kendo-angular-ui-develop/components/assets/13eea977b378060c056e6e2da2c85bbf/vscode-scaffolder-menu.png)

3. Type a name for the component that will be generated. It will contain the selected Kendo UI for Angular component.

4. Select a component from the list.

5. Choose from the options outlined in the Scaffolder window.

   ![VSCode-Snippets](https://www.telerik.com/kendo-angular-ui-develop/components/assets/36bff9356592c01b5dd6f38da2b96c6d/vscode-scaffolder-ui.png)

6. Click on the `Create` button.

7. New folder will be created, containing all necessary files for your new component.

## Suggested Links

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