Creating Syncfusion® web applications in Visual Studio Code
Syncfusion® provides project templates for Visual Studio Code to simplify the creation of React applications using Syncfusion® Pure React components. These templates automatically configure your project with the required Syncfusion® NPM packages, component render code for Grid and Chart components, and appropriate styling to accelerate development with Syncfusion® components.
The steps below help you to create Syncfusion® Web Applications through the Visual Studio Code:
1. In Visual Studio Code, open the command palette by pressing Ctrl+Shift+P. In the palette, search for Syncfusion® to see the available templates.
2. Select Syncfusion® Web Template Studio: Launch and then press enter, Template Studio wizard for configuring the Syncfusion® Web app will appear. Provide the require Project Name and Path to create the new Syncfusion® Web application along with any one of the Framework ( Pure React, React, Angular, and Vue).
3. Click either Next or Framework tab, and the Framework types will be appears. Choose any one of the Framework:
- Pure React
- React
- Angular
- Vue
If you choose the Pure React framework, it will appear in the Project Details section, and you can then create the React applications using Syncfusion® Pure React components.
4. The created Syncfusion® Web App is configured with the Syncfusion® NPM packages, styles, and the component render code for the Syncfusion® component added.
Run the application
1. Click on F5 or navigate to Run>Start debugging
2. After the compilation process completed, open the localhost link in browser to view the output.
Add Syncfusion® component to the application
We have showcased the Chart and Grid component in Syncfusion® web application. If you want to create your application with other Syncfusion® React components, you need to install the required component package and then you can add it in your application. To explore other component installations and learn how to get started, refer to this section.