Syncfusion AI Assistant

How can I help you?

Convert project in Angular Visual studio integration

2 Feb 20262 minutes to read

Syncfusion® provides a Visual Studio add-in for converting an existing Angular application into a Syncfusion® Angular web application.

The Syncfusion® Angular Project conversion support is available from v17.3.0.9.

The steps below help you to convert the Angular application to Syncfusion® Angular application through the Visual Studio:

  1. Open your existing Angular application or create a new Angular application

  2. To open the Syncfusion® Project Conversion Wizard, follow one of the options below:

    Option 1:

    Choose Extensions → Syncfusion → Essential Studio for ASP.NET Core → Convert Project… from the Visual Studio menu.

    convert project

    In Visual Studio 2017, the Syncfusion menu may appear directly in the Visual Studio menu.

    Option 2:

    Right-click the Angular application in Solution Explorer, select Syncfusion Web, and choose Convert to Syncfusion Angular application…

    convert to syncfusion

  3. The Syncfusion Angular Project Conversion window will appear. You can choose the required version of Syncfusion® Angular version, Assets from, and Themes to convert the application.

    project-conversion-wizard

    The Syncfusion® Angular versions are loaded from published Syncfusion® Angular NPM package versions and it requires the internet connectivity.

    The following configurations are available in the Project Conversion Wizard:

    Assets From: Load the Syncfusion® Essential® JS 2 assets to Angular Project, from either NPM, CDN, or Installed Location.

    Installed location option will be available only when the Syncfusion® Essential® JavaScript 2 setup has been installed.

    Choose the Theme: Choose the required theme.

  4. Check the “Enable a backup before converting” checkbox if you want to take the project backup and choose the location.

  5. Once the conversion process completed, will get the success message window.

    project-success

    If you enabled project backup before converting, the original project is saved at the specified backup path:

    BackupLocation

  6. The required Syncfusion® Angular NPM packages (with the selected versions), scripts, and styles are added to the application during conversion.