Installing Visual Studio Code and Configuring SAP Extensions in Visual Studio Code

[SaiNithesh_Gajula]

 

Hi everyone.

Hope everyone doing well. This Blogs will helps you in installing Visual Studio Code and configuring SAP Extensions in Visual Studio Code.

Before installing Visual Studio Code, we need to have basic requirements like OS version, RAM and other details. Refer below for requirements

https://code.visualstudio.com/docs/supporting/requirements

 

Now, let us install Visual Studio Code downloaded from the Visual Studio Code site using below path. (Preferable to download latest version)

https://code.visualstudio.com/download

 

Click on the downloaded Visual Studio executable file

 

Accept the agreement and Click on Next

 

Make sure Add to Path has checked and click on Next

 

Click on Install

 

Preparing to install

 

During installation process

 

On successful installation, we can see below screen. Check Launch Visual Studio Code and click on Finish.

 

We can see the initial screen of Visual Studio Code.



 

To install SAP Extensions (SAP Fiori Tools) in Visual Studio Code. Go to Extensions Tab

and search for “SAP SE” which are provided by SAP. Choose “SAP Fiori tools – Extensions Pack” which are pack of

• SAP Fiori tools - Application Modeler


• SAP Fiori tools - Guided Development


• SAP Fiori tools - Service Modeler


• SAP Fiori tools - XML Annotation Language Server

 

 

In addition, we should also install XML Toolkit and Application Wizard from SAP OSS and SAP OS publishers, which are helpful in creating SAP Fiori Apps.

 

Install XML Toolkit

 

Install Application Wizard

 

We can also install other extensions like SAP Cloud Mobile Services extension from SAP in the same way.

We can view the installed extensions in Visual Studio Code as below

 

Conclusion : In this blog post, we have installed Visual Studio Code and provided set up for SAP Fiori apps through Visual Studio Code using SAP Fiori Tools

Hope you guys like this blog post.

Feel free to comment 🙂

 

 

Refer my blogs on VS Code

Developing SAP Fiori App using SAP Fiori Tools in Visual Studio Code

Develop SAP UI5 Apps using Visual Studio Code

Access SAP HANA records from VS (Visual Studio) Code

 

 

Regards,

Sai Nithesh Gajula