This article demonstrates how to use the Telerik Extension for Visual Studio Code to create a new project that is pre-configured for the Progress® Telerik® UI for Blazor components.
To use the Telerik UI for Blazor Template Wizard, install the Telerik UI for Blazor Visual Studio Code Extension. You can get the extension from:
The Extensions tab in Visual Studio Code - search for Telerik UI for Blazor Template Wizard, select the extension, and then click Install.
To create a Telerik-enabled Blazor project:
Pin Windows/Linux or
Pon Mac to open the VS Code extension launcher.
Telerik UI for Blazor Template Wizard: Launchand press
Enterto launch the extension.
Follow the project creation steps in the wizard:
Choose a project name and location.
Choose the project type (WASM or Server-side) and your Telerik license (trial or commercial, depending on what you have).
Add some sample pages to get started (a grid with CRUD operations form a service, a form, charts).
Choose a Theme.
Open the project, and then run it:
Open the Terminal and navigate to the
Serverproject folder. For a Server-side project, this is the folder with the project name. For a WASM project, this is the
dotnet runand navigate your browser to the link you see in the console output.
You now have a Blazor SPA app running!