Enter the command npm install to install required dependencies. Now open New Terminal using Ctrl+Shift+`. Now application will be created and opened as below. When we choose Yes for Configure advanced options, it will enable UI5 version selection and theme selection of your choice. Now we need to project details like module name, title of your application, namespace for the application, description, and project path. Provide Northwind service in Odata v2 Service URL, then available entities will be loading in Main Entity, I have choose Products and click on Next. Here we will go with Connect to an OData Service and click on Next. Now, we have to connect to backend system either by connecting to SAP System or using the OData service or through Metadata document. We will choose List Report Object Page V2 and click on Next. Now we need to select template from the available Template Selection (List Report Object Page, Worklist, Analytical List Page, and Overview Page). Now Yeoman Generators will launch as shown below and choose SAP Fiori Tools – Application Generator and click on Next.

Once we open the Visual Studio (VS) Code, use Ctrl+Shift+P to launch command palette and search for Application Generator and choose that to create SAP Fiori App. Now let us create our first app using SAP Fiori Tools in Visual Studio (VS) Code. Hope you have gone through my previous blog on Installing Visual Studio Code and Configuring SAP Extensions in Visual Studio Code

Visual studio code online ide