Syncfusion provides the Visual Studio Project Templates for the Syncfusion ASP.NET Core platform to create the Syncfusion ASP.NET Core Web Application using Essential JS 2 components.
The Syncfusion ASP.NET Core (Essential JS 2) project templates are available from v16.2.0.41.
The following steps is used to create the Syncfusion ASP.NET Core (Essential JS 2) Web Application through the Visual Studio Project Template.
Before use the Syncfusion ASP.NET Core Project Template, check whether the ASP.NET Core Extensions - Syncfusion installed or not in Visual Studio Extension Manager by clicking on the Tools -> Extensions and Updates -> Installed for Visual Studio 2017 or lower and for Visual Studio 2019 by clicking on the Extensions -> Manage Extensions -> Installed.
Option 1
Click Syncfusion Menu and choose Essential Studio for ASP.NET Core (EJ2) > Create New Syncfusion Project… in Visual Studio.
In Visual Studio 2019, Syncfusion menu is available under Extension in Visual Studio menu.
Option 2
Choose File > New > Project and navigate to Syncfusion > .NET Core > Syncfusion ASP.NET Core (Essential JS 2) Web Application in Visual Studio.
Minimum target Framework is 4.5 for Syncfusion ASP.NET Core (Essential JS 2) Project Templates.
Project configurations
Project Type | .NET Core Version | Themes | Assets From |
---|---|---|---|
Blazor (server-side, ASP.NET Core hosted, client-side) | 3.0 Preview 5 | Material, Fabric, Bootstrap, Bootstrap 4, High Contrast | CDN |
Web Application (Model-View-Controller) | 2.0, 2.1, 2.2, and 3.0 Preview 5 | Material, Fabric, Bootstrap, High Contrast | CND, NPM, Installed Location |
Angular | 2.0, 2.1, 2.2, and 3.0 Preview 5 | Material, Fabric, Bootstrap, Bootstrap 4, High Contrast | CDN, NPM |
React | 2.0, 2.1, 2.2, and 3.0 Preview 5 | Material, Fabric, Bootstrap, Bootstrap 4, High Contrast | CDN, NPM |
The Syncfusion ASP.NET Core (Essential JS 2) Project Template provides Blazor, Angular, and React project templates support from v17.1.0.47.
.NET Core Version: Select the version of ASP.NET Core Project.
The ASP.NET Core version 2.2 and 3.0 option will be listed only when the latest .NET Core 3.0 setup has been installed.
Assets From: Load the Syncfusion Essential JS 2 assets to ASP.NET Core Project, either NPM, CDN, or Installed Location.
Installed location option will be available only when the Syncfusion Essential JavaScript 2 setup has been installed.
Theme Selection: Themes will be listed out based on the selected project type and choose the required theme from the available list.
Blazor (server-side, ASP.NET Core hosted, client-side):
NuGet: Syncfusion.EJ2.AspNet.Core.RazorComponents NuGet package will be installed for all the Blazor projects.
Scripts/Styles: Scripts and CSS entries will be added in _Host.cshtml or index.html based on the Blazor project types.
Web Application (Model-View-Controller):
NuGet: Syncfusion.EJ2.AspNet.Core NuGet package will be installed. Scripts/Styles: Scripts and CSS entries will be added in _Layout.cshtml.
Angular:
NPM: All the Syncfusion Angular NPM packages entries will be added in package.json, it will automatically restore while build the application or save the package.json file before compile the project.
Styles: CSS entries will be added in _Layout.cshtml or index.html based on the selected .NET Core version. React
NPM: All the Syncfusion React NPM packages entries will be added in package.json, it will automatically restore while build the application or save the package.json file before compile the project.
Styles: CSS entries will be added in _Layout.cshtml or index.html based on the selected project .Net Core version.