Create project in Angular

19 Aug 20252 minutes to read

Create project

Syncfusion® provides project templates for Visual Studio Code to streamline the creation of Syncfusion® Web applications. The Syncfusion® Web Project template generates applications using a selected framework—React, Angular, or Vue. It automatically installs the required Syncfusion® NPM packages and includes code samples for components such as Grid, Chart, and Scheduler, along with preset styling to enhance development efficiency.

The Syncfusion® Visual Studio Code project template provides support for Web project templates from v18.3.0.47.

Follow the steps below to create a Syncfusion Web Application using Visual Studio Code:

  1. In Visual Studio Code, open the Command Palette by pressing Ctrl+Shift+P. In the palette, search for “Syncfusion” to view available templates.

    CreateProjectPalette

  2. Select Syncfusion Web Template Studio: Launch and press Enter. The Template Studio wizard appears for configuring your Syncfusion® Web application. Specify the Project Name and Path, then select one of the supported frameworks (React, Angular, or Vue) for your new application.

    ProjectLocation

  3. Click Next or navigate to the Framework tab. Choose your preferred framework:
    • React
    • Angular

    • Vue

      Framework

    If you choose the Vue framework, the Select Vue Version option will appear in the Project Details section. You can create the Vue application using either the Vue 3 or Vue 2 versions.

    VueVersions

  4. Click either Next or the Configuration tab, and the Configuration section will be loaded. Choose the preferred theme and then click Create. The project will be created.

    Themes

  5. The Syncfusion® Web Application is initialized with all required Syncfusion NPM packages, styles, and render code for the chosen Syncfusion® components.

    NPM Packages

    Styles

    Components

Run the application

  1. Click on F5 or navigate to Run>Start debugging

    Run

  2. After compilation process completed, open the local host link in browser to see the output.

    Output