Skip to Content
Technical Articles
Author's profile photo Sanjay parab

How to Develop Simple UI5 programming in VS Code

In this blog, I have expanded how to develop the Simple UI5 programming in VS (Visual Studio) Code.

 

Scenario:– Build a Simple Login & Password Application in Visual Studio.

Step 1: Open Microsoft Visual Studio.

Step 2: Create WebApp Folder in Computer System, then add in the VS Code.

(Note: we can create a folder by any name.)

 

 

 

 

 

 

Step 3: Create an index.html file.

 

Step 4: Create subfolder under webapp by name View & Controller.

To create a layout for User Id & Password, create an XML file under View subfolder. 

Step: 5 Create Js View in the View subfolder.

Step 6: Create Js File in the Controller subfolder.

As per standard, we have followed the MVC (Model View Controller) Structure.

Now we can run the application in VS Code via Go live Server, then the system will take you automatically to the new screen as shown below

 

 

 

Congratulation!!! Our First UI5 Application has been created in the VS Code.

 

I would like to thanks Mahesh Kumar Palavalli for his guidance.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Assigned tags

      5 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Mahesh Kumar Palavalli
      Mahesh Kumar Palavalli

      Hi Sanjay, it's nice to see that you are sharing your experience with vscode and ui5 in the community 🙂

      You can also check ui5 tooling & yeoman generator for ui5 templates to further your learning 🙂 hope they are already on your list!

      Regards,
      Mahesh

      Author's profile photo Sanjay parab
      Sanjay parab
      Blog Post Author

      yes. Already in my learning bucket  🙂 🙂

      Author's profile photo Ganesh Konar
      Ganesh Konar

      Hi Sanjay, how are you ? I hope all good at your end. It's great to see your work and the amount of clearity in it. Seriously hats off for this blog ? . Hope to see many such blogs from you in future and it will be really helpful to learn from you ?

      Author's profile photo Sanjay parab
      Sanjay parab
      Blog Post Author

      Thanks Bro.. 🙂 🙂

      Author's profile photo Srikar Nagadevara
      Srikar Nagadevara

      Hi Sanjay,

      The blog looks good!!

      Can you let me know what I need to set up in VS to create start SAP UI5 development?