Create Project with Syncfusion® VS Code Project Templates
18 Nov 20182 minutes to read
Syncfusion® provides project templates for Visual Studio Code to create Syncfusion® Web applications. The Syncfusion® Web project template creates applications with the selected framework (React, Pure React, Angular, or Vue), required Syncfusion® NPM packages, component render code for the Grid, Chart, and Scheduler components, and the styles for making development easier with Syncfusion® components.
The Syncfusion® Visual Studio Code project template provides support for Web project templates from v18.3.0.47.
The following steps help you create Syncfusion® Web Applications through the Visual Studio Code:
-
In Visual Studio Code, open the command palette by pressing Ctrl+Shift+P. The Visual Studio Code command palette opens; search for the word Syncfusion® to view the available templates.
-
Select Syncfusion® Web Template Studio: Launch and then press Enter. The Template Studio wizard for configuring the Syncfusion® Web app will appear. Provide the required Project Name and Path to create the new Syncfusion® Web application along with any one of the frameworks (React, Pure React, Angular, or Vue).
- Click either Next or the Framework tab, and the framework types will appear. Choose any one of the frameworks:
- React
- Pure React
- Angular
- Vue
-
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.
-
The created Syncfusion® Web App is configured with the Syncfusion® NPM packages, styles, and the component render code for the added Syncfusion® components (Grid, Chart, and Scheduler).
For React
For Pure React
For Angular
For Vue
Run the application
-
Click F5 or navigate to Debug > Start Debugging.
-
After the compilation process is complete, open the localhost link in a browser to see the output.
React
Pure React
Angular
Vue
