# Vue 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 Vue components.

## Project Creation

To create a new Kendo UI for Vue project:

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

  ![VSCode-Extensions-Search](https://www.telerik.com/kendo-vue-ui-develop/components/assets/348310a3cea5b6372c1bfe2d96da91e4/vscode-extension-search.png)

* 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 Vue` 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` and `Material` themes
5. Finally, click on `Create` to generate the new project

   ![VSCode-Template-Wizard](https://www.telerik.com/kendo-vue-ui-develop/components/assets/d1c8135c56b30b08069fdb46b2da6c1a/vscode-template-wizard.png)

## Suggested Links

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