Sap Fiori Part 1 Installation

Visual Studio Code and related extensions are installed .

Node.Js is installed on the computer.

You can type node -v in CMD or Powershell (terminal if you use Linux) to check if it exists. If the version number is coming, it means it has been installed.

We open an empty folder and open this file from Vs Code.

Or

After pressing CTRL Shift P keys, we call Fiori Open Application Generator.

Sap Fiori elements have arrived.

The desired template can be selected. I chose the handle UI5 Freestyle and proceeded.

Here DataSource asks. I’m choosing none because I’m not connecting a database right now.

The main screen is always called main in Fiori.

We name the project.

Module name is the BSP Business Server Page name to the SAP system. We can think of it like a function name.

Application namespace is like ID for fiori applications. Each application must have a different Id. It starts with com.

The handle Fiori version is shaped according to the customer’s system.

We chose the theme.

To find out the Sap fiori version, we need to download this extension from Chrome Extensions. (You can also use the add-on store in most other browsers. It doesn’t need to be Chrome.)
Afterwards, you can check the version number from the UI5 tab on the Inspect screen.

After you say finish, the Install starts.

After this screen comes, we say open folder and choose our own project.

We say CTRL T or open a terminal from the screen.

Type npm start into the terminal. If Node.Js is not installed, we get an error here.

We got a screen on local host.