Telerik UI for ASP.NET Core Template Wizard for Visual Studio Code

Overview

The Progress® Telerik® UI for ASP.NET Core Visual Studio Code Extension increases developers’ productivity by simplifying the process of creating ASP.NET Core projects in Visual Studio Code. The Wizard can be installed and launched on Windows, Linux and Mac and includes ASP.NET Core project template pages with referenced Telerik UI components for a faster integration. The wizard provides Blank and Admin Dashboard templates to kick-start your application according to your own needs. You can quickly set up a new project and choose to include from the following options: the Telerik feature-rich Grid, Dashboard, Chart, and Form Input Controls. Additionally, the Telerik ASP.NET Core Visual Studio Code Wizard lets you easily apply styling to your project, choosing from one of the Telerik project themes – Default, Bootstrap or Material. In addition to choosing a theme, you can also pick from a variation of swatches and design your application according to your own requirements.

Create New Telerik ASP.NET Core Project in Visual Studio Code

You can start developing a new Telerik ASP.NET Core project by using the Template Wizard from the Visual Studio Code Extensions menu. Use Ctrl+Shift+P on Windows/Linux or Cmd+Shift+P on Mac to open the menu and search for Telerik UI for ASP.NET Core Template Wizard: Launch. By pressing Enter, you will access the Visual Studio Code Wizard which will take you through the steps of creating a new project. Firstly, you will need to choose whether to start from a Blank project or use the Admin Dashboard Template as a base. You can easily jump-start a project using the pre-built layout and functionality of the Admin Dashboard project template—rearrange the layout to match your needs, and just plug in your data and link it to the components.

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:

• Оpen the solution file with Visual Studio and build the application. Once the NuGet packages get restored and the build passes, you will have your ASP.NET Core project up and running.

OR if you have configured the private Telerik Nuget Feed:

• Navigate to the project folder
• Open a terminal
• execute dotnet run

Please review our documentation page for more information.

Telerik REPL for ASP.NET Core

The Telerik Visual Studio Code wizard also provides 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:

• Open a .cshtml file or a aspnetcorerazor language in the code editor.
• Select code to share:
  • To send the whole file - clear the selection.
  • To send a part of the file - select the code.
• Right-click over the code editor.
• In the context menu click Share to Telerik REPL for ASP.NET Core.

Share Using the Code Editor Command Palette

To share your code with Share to Telerik REPL for ASP.NET Core from the command palette:

• Open a .cshtml file or a aspnetcorerazor language in the code editor.
• Select code to share:
  • To send the whole file - clear the selection.
  • To send a part of the file - select the code.
• Open the Command Palette (Ctrl + Shift + P) and type Share to Telerik REPL for ASP.NET Core.

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:

• Right-click a .cshtml file in the files tree.
• Select the Share to Telerik REPL for ASP.NET Core.

Please note, that multiple selection is not supported. Only the file, you have right-clicked on, is sent.

Help Resources

a. Learn More about Telerik UI for ASP.NET Core 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