Creating a Syncfusion® ASP.NET Core Application

28 Jan 20252 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®.