Create project in Angular Visual studio integration

19 Aug 20251 minute to read

Create project

Syncfusion® provides Visual Studio Project Templates for creating Syncfusion® Angular applications. These templates generate an application with the necessary Syncfusion references, namespaces, and CDN links to accelerate development with Syncfusion® components.

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

Follow these steps to create a Syncfusion® Angular application using Visual Studio:

  1. Open Visual Studio 2017 or later.

  2. To create a Syncfusion® Angular project, use one of the following options:

    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 in Visual Studio. The Create a new project dialog opens. You can get the Syncfusion provided templates by filtering the Project type with Syncfusion® or use the Search option with the key word of Syncfusion®.

    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 and asset.

  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.