Telerik UI for ASP.NET Core Productivity Tools for Visual Studio Code
The Progress® Telerik® UI for ASP.NET Core Productivity Tools within Visual Studio Code increase developer productivity and simplifies the process of creating ASP.NET Core projects with Telerik UI components. The tools can be installed as an extension and launched on Windows, Linux and Mac and include:
Telerik UI for ASP.NET Core Scaffolder
The scaffolding feature within the productivity tools creates new pages in your ASP.NET Core apps with the most used data-bound Telerik UI components: Data Grid, Scheduler, Chart, ListView and Form. When adding a new project item, the scaffolder will prompt you to input the service and model names and will allow you to configure multiple component-specific properties. For example, if you scaffold a new page with UI for ASP.NET Core Data Grid, you will be able to set its sorting, filtering, grouping, column resizing and more features.
To start the scaffolder, from the file explorer, use the context menu for an ASP.NET Core .csproj file, and select
Then select the component you wish to add from the scaffolding wizard.
Project Templates with UI for ASP.NET Core Components
You can start developing a new Telerik ASP.NET Core project by using the available project templates within the Visual Studio Code Extensions menu. Use
Moving forward, you will need to set up a Project Name and Output Path for your application and then choose Trial or Paid for the type of license you are using. For a faster development, you will have the option to include ready-to-use sample pages with Telerik UI for ASP.NET Core components choosing from Dashboard, Chart, Form input and Grid. Finally, you can add styling to your application by selecting one of the Telerik UI for ASP.NET Core Themes (Default, Bootstrap or Material) and picking from a variety of swatches that come with each theme.
To run the application:
OR if you have configured the private Telerik Nuget Feed:
Please review our documentation page for more information.
Telerik UI for ASP.NET Core Code Snippets
The Telerik Visual Studio Code extension provides a handy feature for increased developer productivity – code snippets for fast UI component reference and configuration. You can take advantage of the tens of code snippets that can be easily invoked in the IDE by typing a shortcut
The code snippets are available for the 30+ most used Telerik components such as Data Grid, Autocomplete, Editor, Dialog, DropDownList, and more. As these resources will grow throughout 2022, please make sure to check the complete reference at the VS Code integration UI for ASP.NET Core documentation.
To make the most out of snippets:
Telerik UI for ASP.NET Core Snippets Catalog
Tag Helper Snippets
Telerik REPL for ASP.NET Core
The Telerik UI for ASP.NET Core Productivity Tools also provide integration with Telerik REPL for ASP.NET Core which is a browser-based playground for creating, saving, running and sharing of ASP.NET Core code snippets.
Using the Share to Telerik REPL for ASP.NET Core option from the code editor context menu, you can easily export your code snippet while coding in your favorite IDE and share the generated URL to social media, community forums or send it to a team mate.
Share Using the Code Editor Context Menu
To share your code using Share to Telerik REPL for ASP.NET Core from the code editor's context menu:
Share Using the Code Editor Command Palette
To share your code with Share to Telerik REPL for ASP.NET Core from the command palette:
Share Using the File Explorer Context Menu
To use Share to Telerik REPL for ASP.NET Core from the VS Code's file explorer's context menu:
a. Learn More about Telerik UI for ASP.NET Core Components