Telerik UI for Blazor Template Wizard for Visual Studio Code

Overview

The Progress® Telerik® UI for Blazor Visual Studio Code Extension increases productivity and simplifies the process of creating Blazor projects in Visual Studio Code. The Wizard can be installed and launched on Windows, Linux and Mac and includes Blazor WebAssembly and Server project templates with predefined native Blazor UI components. You can choose as base for your development pages from the following options: the Telerik feature-rich Grid, Chart and Form Input Controls such as TextBox, DropDownList or Date Picker. In addition to that, the Visual Studio Code Wizard lets you easily configure the desired theme for your application, choosing from Default, Bootstrap or Material.

Create New Telerik Blazor Project in Visual Studio Code

You can create a Telerik Blazor project by accessing the Wizard from the Visual Studio Code Extensions menu. To open the menu, use Ctrl+Shift+P in Windows/Linux or Cmd+Shift+P on Mac. Next in the menu, choose or look for Telerik UI for Blazor Template Wizard: Launch and press Enter. Following the Visual Studio Code Wizard, you will need to choose a Project Name and select the Output Path. Next, pick the type of project (Blazor WebAssembly or Server project) and the type of license you are using – trial or paid. To ease the development of your application, you can select sample pages and components – Chart, Form input and Grid, as well as add a Telerik UI for Blazor Theme to your project, choosing from Default, Bootstrap or Material.

To run the application, you need to open the Terminal on your project and find the Server folder. Note that if you chose a Server type of project, the folder will hold the name of your project. If your project is WebAssembly, the folder you will be looking for is called Server folder. Execute the dotnet run command and you will have your Blazor project up and running.

Please review our documentation page for more information.

Help Resources

a. Learn More about Telerik UI for Blazor Components
b. Download Free Trial
c. Documentation
d. Online Demos
e. Release History
f. Pricing and upsell options
g. Community Forums
h. Suggest a Feature