ASP.NET Core使用教程:如何将在Angular和React使用ASP.NET Core项目模板

本文详细描述了如何将在Angular和React使用ASP.NET Core项目模板,主要介绍了如何安装Syncfusion Angular和React模板以及创建Syncfusion Angular或React应用程序。

Essential Studio for ASP.NET Core UI控件库是构建应用程序所需的唯一套件,因为它在一个包中包含70多个高性能、轻量级、模块化和响应式UI控件,如DataGrid、Chart、Gantt、Diagram、Schedule等。

Essential Studio for ASP.NET Core UI最新试用版

Angular是用于使用HTML和TypeScript构建单页客户端应用程序的平台和框架。它是用TypeScript编写的。它实现将核心功能和可选功能作为一组TypeScript库,以便于您将其导入到应用程序中。

React是用于构建用户界面的高效且灵活的JavaScript库。您可以使用它将孤立的小代码段(组件)组成复杂的UI。

现在,在创建Syncfusion ASP.NET Core应用程序时,Syncfusion ASP.NET Core Visual Studio扩展提供了Angular和React项目模板。这使得我们在ASP.NET Core应用程序中可以使用Syncfusion Angular和React组件。VS扩展中的模板已从Microsoft .NET Core 3.0升级到.NET Core 3.1。
在本文中,我将引导您创建使用Syncfusion组件配置的ASP.NET Core Angular和ASP.NET Core React应用。

平台:

Visual Studio 2019

.NET Core 3.0 SDK或更高版本

安装Syncfusion Angular和React模板

在Syncfusion Essential Studio17.1.0.47所提供的Syncfusion ASP.NET Core扩展中可以找到Angfusion和React项目模板。Syncfusion ASP.NET Core VS扩展在Visual Studio Marketplace中也可用,在Visual Studio 2019可以通过Extensions > Manage Extensions > Online(在线搜索Syncfusion)进行安装。在Visual Studio 2017中可以通过Tools > Extensions and Updates > Online进行安装.

可以参考本文以了解有关扩展及其安装的更多信息。

创建一个Syncfusion Angular或React应用程序

按照以下步骤创建Syncfusion ASP.NET Core Angular或React应用程序:

1.打开Visual Studio 2019。
2.选择Syncfusion ASP.NET Core Web应用程序,然后单击“ Next”。

创建一个新的工程

ASP.NET-Core项目配置目录

3.为应用程序命名,然后单击“ Next”。

4.在配置向导中选择Syncfusion Angular或Syncfusion React模板。

ASP.NET Core使用教程:如何将在Angular和React使用ASP.NET Core项目模板

Wizard配置界面

5.在应用程序中选择所需的主题(themes)和资产(assets ),然后单击Create。

6.将使用所需的Syncfusion组件的NuGet包创建ASP.NET Core Angular或React应用程序以进行开发。现在,您可以在TypeScript(Angular)或组件(React)文件中使用Syncfusion组件。

结论

在此文中,我们讨论了Syncfusion ASP.NET Core Visual Studio扩展中Angular和React项目模板的可用性。并支持通过提供漂亮的模板并减少开发工作时间来帮助您构建通用的应用程序。

Syncfusion具有1600多个组件和框架,分别用于  WinForms,  WPF,ASP.NET(Web窗体,  MVC,  Core),  UWP,  Xamarin,  Flutter,  JavaScript,  Angular,  Blazor,  Vue和  React。使用它们可以提高您的应用程序开发速度并轻松进行创新。

如果您希望向我们发送反馈或想提交任何问题,请随时在下面的评论部分中发布它们。您也可以通过与我们联系,我们很乐意为您提供帮助!

标签:

来源:慧都

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年6月5日
下一篇 2020年6月5日

相关推荐

发表回复

登录后才能评论