Creating a project 

Creating a project 

Init Vite project

Init Vite Project

Project name

Project name

Select a framwork

Select a framwork

Select a variant

Select a variant

Scaffolding project

Scaffolding project

Initial dependencies

Initial dependencies Initial dependencies done

Installation of UI5 Web Components

Installation of ui5 web components Installation of ui5 web components done

Usage of UI5 Web Components

Usage of UI5 Web Components

main.js

main.js Usage of UI5 Web Components done

Run a production build 

Run a production build Run a production build done Run a production build done yet

Enjoy UI5 Web Components

Enjoy UI5 Web Components

Demo

ZFiori Studio Fiori-like Prototype ( UI5 Web Components Getting Started )

Screen shot 1

Screen shot 1

Screen shot 2

Screen shot 2

Reference

UI5 Web Components Getting Started

ZFiori Studio ( Let's Bilibili )