创建新项目

本文演示了如何使用Telerik Visual Studio Extensions为Blazor组件的Progress®Telerik®UI创建预配置的新项目。

要为Blazor应用程序创建新的Telerik UI，请使用创建新项目向导。该向导检测所有已安装的Telerik UI版本的Blazor，并将它们列在版本组合框—这使您能够使用所需的版本启动项目。你也可以获取最新版本确保组件是最新的。

该向导为您自动化了几个步骤，否则您必须手动执行:

• 将客户端资产添加到项目中:

  • 添加Telerik样式表．
  • 添加JS互操作文件．

• 配置项目为Blazor组件使用Telerik UI:

  • 添加要求@using指令到~ / _Imports.razor文件。
  • 添加TelerikLayout.razor组件在DOM的根级别。
  • 为的注册Telerik服务万博体育手机版网址客户端项目和服务器端项目．

获取向导

要使用创建新的Telerik项目向导，为Blazor Visual Studio扩展安装Telerik UI。你可以从:

• Visual Studio市场(用于Windows的Visual Studio 2022而且Windows的Visual Studio 2019）.
• 的为Blazor自动安装的Telerik UI(适用于Windows和Mac)。
• 你的Telerik.com帐户- - -.mpack文件的VS为Mac。

启动向导

要启动向导，请使用以下两种方法之一:

• 的扩展菜单:

  1. 打开扩展菜单。
  2. 点击Telerik>为Blazor的Telerik UI>创建新项目．
  3. 按照向导操作。

• 的项目菜单:

  1. 点击文件>新>项目．
  2. 找到并单击Telerik c# Blazor应用程序选项(您可以使用搜索，或通过Blazor模板筛选)。
  3. 按照向导操作。

使用向导

的创建新项目向导显示几个屏幕:

1. 在第一个屏幕上，你可以为你的应用程序选择一个位置和名称。

2. 第二个屏幕上，你可以选择:

   • WebAssembly或服务器端Blazor应用程序。
   • 您想使用的. net版本。
   • 为Blazor版本的Telerik UI。
   • 其中一个预定义的Telerik项目模板。

   

3. 在第三个屏幕上，你可以选择不同的主题．

   

4. 在最后一个屏幕上，您可以选择是否在项目中默认应用本地化。

   

预定义的项目模板

可用的项目模板如下:

• 空白-这是一个基于微软模板的空白解决方案，但添加了Telerik组件(NuGet包引用，资产，服务，TelerikRootComponent)。

• CRUD，表格，图表-一个小应用程序，显示Telerik网格，图表和表单验证。网格还使用一种基本的CRUD服务——在实际应用程序中用于数据更新的通用模式。

• 指示板-一个基本的仪表板布局，它使用TileLayout组件来定制仪表板，并展示了单个块(瓷砖)获取数据的几种方式。

• 管理-一个显示管理仪表盘的小应用程序。该应用程序使用了Telerik的一些主要组件，如网格，图表，TileLayout，形式等。

另请参阅

• Visual Studio扩展概述
• 下载最新的Telerik用户界面为Blazor版本
• 开始使用客户端应用程序
• 开始使用服务器端应用程序
• 使用Blazor UI组件的工作流程