Learn how we built the SAP Fiori Lauchpad Builder for Visual Studio Code. See a live demo and get full insights in the YouTube video below or get the source code here.

In order to be able to demonstrate the SAP Fiori Lauchpad Builder for Visual Studio Code to you, we first create a sample app with the SAP Cloud Application Programming Model (CAP), then we create three Fiori apps with VS Code and SAP Fiori Elements.

Once we have this demo app ready we show you the three ways how you can use our SAP Fiori Launchpad Builder.

1) By right-clicking on you app folder
2) Through the Visual Studio Command Palette and
3) With the Command Line

Finally you will see our Class Model Diagram and also the implementation of these classes in Typescript.