Create project
Syncfusion provides project templates for VisualStudio Code to create Syncfusion Angular applications. Syncfusion Angular creates applications with the required Syncfusion NPM packages, and component render code for the Grid, Chart, and Scheduler components, and the style for making development easier with Syncfusion components.
The Syncfusion Visual Studio Code project template provides support for Angular project templates from v18.3.0.35.
The following steps help you create Syncfusion Angular Applications through the Visual Studio Code:
-
In Visual Studio Code, open the command palette by pressing Ctrl+Shift+P. The Visual Studio Code palette opens, search the word Syncfusion so you can get the templates provided.
-
Select Create Syncfusion Angular Project and then press Enter. The Project Location palette appears to store the application.
-
Provide the destination location and then press Enter. The Project Name palette appears. Provide the name of the application and enter.
-
The palette of theme selection appears. Choose the preferred theme and then click Enter. The project will be created.
-
The created Syncfusion Angular app is configured with the Syncfusion NPM packages, styles, and the component render code for the Syncfusion component added.
Run the application
To run the application,follow the below steps.
-
Open the terminal window by go to Terminal -> New Terminal
-
Then run the npm install command to restore the NPM packages.
-
Now, run the ng serve command to compile the Syncfusion Angular application.
To run the ng serve command, you should be installed the Angular CLI by using the command npm install -g @angular/cli
-
After compilation process completed, open the local host link in browser to see the output.