Visual Studio Extensions

5 Apr 20252 minutes to read

Create project

Syncfusion® provides the Visual Studio Project Templates for create the Syncfusion® Angular Application. The Syncfusion® Angular application creates the application with the required Syncfusion® references, namespaces and CDN links for making the development earlier with the Syncfusion® components.

The Syncfusion® Angular project templates are available from v17.1.0.47.

The following steps help you to create the Syncfusion® Angular application through the Visual Studio:

  1. Open the Visual Studio 2022.

  2. To create a Syncfusion® Angular project, follow either one of the options below:

    Option 1:

    Choose the Extension->Syncfusion-> Essential Studio for ASP.NET Core -> Create New Syncfusion Project… in Visual Studio menu.

    new project

    In Visual Studio 2017, you can see the Syncfusion menu directly in the Visual Studio menu.

    Option 2:

    Choose File -> New -> Project. Opens a new dialog to create a new project. By filtering the project type with Syncfusion® or using the Syncfusion keyword in the search option, you can get the templates offered by Syncfusion® for ASP.NET Core.

    syncfusion template

    In Visual Studio 2017, choose File > New > Project and navigate to Syncfusion > .NET Core > Syncfusion ASP.NET Core Web Application in Visual Studio.

  3. Select the Syncfusion ASP.NET Core Web Application and choose the Next button.

    syncfusion template

  4. Name the Project, choose the destination location and then click Create button. The Syncfusion® ASP.NET Core project configuration wizard appears.

    project configuration

    Choose the Syncfusion® Angular template and choose required theme, authentication type and asset.

    Syncfusion® Angular project template available from .NET 6.0 and .NET 7.0

  5. Click the Create button, the Syncfusion® Angular application has been created.

  6. The created Syncfusion® Angular application configured with Syncfusion.

  7. The required Syncfusion® Angular NPM packages, scripts, and selected styles have been configured with the created Angular application.