Create project in Angular Visual studio integration

2 Feb 20262 minutes 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 Extensions → Syncfusion → Essential Studio for ASP.NET Core → Create New Syncfusion Project… from the Visual Studio menu.

   

   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^®.

   

   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.

   

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

   

   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 are added and configured in the created Angular application.