创建新项目

本文演示了如何使用Telerik Extension for Visual Studio Code来创建一个新项目，该项目是为Blazor组件的Progress®Telerik®UI预配置的。

获得扩展

使用Telerik UI的Blazor模板向导，为Blazor Visual Studio Code Extension安装Telerik UI。你可以从以下途径获取扩展名:

• 的Visual Studio市场．

• 的扩展标签在Visual Studio Code -搜索开拓者生产力工具的Telerik UI，选择扩展名，然后单击安装．

启动向导

创建一个支持telerik的Blazor项目:

1. 新闻Ctrl+转变+PWindows/Linux或Cmd+转变+P在Mac上打开VS Code扩展启动器

   

2. 类型/选择Telerik UI Blazor模板向导:启动并按输入启动扩展。

配置项目

的创建新项目向导提供了两个选项来启动您的项目:

• 从空白项目开始-允许您为Blazor组件的Progress®Telerik®UI创建一个预先配置的空白项目。您可以选择并添加示例页面来开始(具有CRUD操作的Grid形成服务、表单、图表)。

• 从模板开始-向导提供了一个管理仪表板模板-一个功能齐全的示例应用程序，展示了一些最流行的Telerik UI的Blazor组件，如网格，TileLayout，表单，图表，仪表等在现实世界的场景。

• 应用程序的位置和名称。
• 您的Telerik许可证(试用版或商业版，取决于您拥有的许可证)。
• WebAssembly或服务器端Blazor应用程序。
• 你想要使用的。net版本。
• Blazor版本的Telerik UI。
• 可以添加用于入门的示例页面(可在从空白项目开始选项)。
• 要应用的主题-主窗口提供了主题的列表内置(基本)主题(默认，引导和材料)。的查看所有色板按钮打开带有列表的单独菜单颜色的色板在相应的基础主题下。

为了获得最佳效果，Telerik Extension For Visual Studio Code旨在获取和应用最新版本的Telerik UI For Blazor。因此，您必须确保您的系统能够访问相同版本的UI组件—您可以使用Telerik NuGet饲料．

运行项目

打开项目，然后运行它:

1. 打开终端并导航到服务器项目文件夹。对于服务器端项目，这是具有项目名称的文件夹。对于WASM项目，这是服务器文件夹中。

2. 执行dotnet运行并将浏览器导航到控制台输出中的链接。

你现在有一个Blazor SPA应用程序运行!