Creating a Syncfusion ASP.NET Core Application

28 Mar 20222 minutes to read

Syncfusion provides Visual Studio Code project templates for creating Syncfusion ASP.NET Core application. Syncfusion ASP.NET Core generates application that include the necessary Syncfusion NuGet packages, namespaces, and component render code for the Calendar, Button, and DataGrid components, as well as the style for making Syncfusion component development easier.

The Syncfusion Visual Studio Code project template provides support for ASP.NET Core project templates from v20.1.0.47.

The following instructions assist you in creating Syncfusion ASP.NET Core Applications using Visual Studio Code:

  1. To create a Syncfusion ASP.NET Core application in Visual Studio Code, open the command palette by pressing Ctrl+Shift+P. Search for the word Syncfusion in the Visual Studio Code palette to get the templates provided by Syncfusion.

    command-palette

  2. Select Syncfusion ASP.NET Core Template Studio: Launch, then press Enter key. The template studio wizard for configuring the Syncfusion ASP.NET Core application is launched. Then, provide the Project Name and Project Path.

    core-wizard

  3. Select either Next or the Project Type tab. Syncfusion ASP.NET Core Project Types will be displayed. Select one of the following Syncfusion ASP.NET Core project types:

    • Syncfusion Web Application (Model-View-Controller)
    • Syncfusion Angular
    • Syncfusion React.js

    project-type

  4. The configuration section is displayed when you click either Next or the Configuration tab. Here, you have the option for selecting the required .NET Core version, themes, https configuration, and assets from (NPM, CDN, Installed Location).

    project-configuration

    In assets from the Installed location option will be available when the Syncfusion Essential JavaScript 2 build has been installed.

  5. Click the Create button. The Syncfusion ASP.NET Core application will be created. The created Syncfusion ASP.NET Core application has the Syncfusion NuGet packages, NPM Packages, styles, and the component render code for the Syncfusion component added to the index page.T

  6. You can run the application to see the Syncfusion components. Click F5 or go to Run>Start Debugging.

    debugging

  7. If you installed the trial setup or NuGet packages from nuget.org you must register the Syncfusion license key to your application since Syncfusion introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio release. Navigate to the help topic to generate and register the Syncfusion license key to your application. Refer to this blog post for understanding the licensing changes introduced in Essential Studio.