pinakipatrapro/Pre-Session-TODO.md

## Pre-Session-TODO.md

      
    Raw
  

              Pre-Session-TODO.md
            
          
    Session Pre-Requisites

Session Information

We would primarily require a development environment. There are two options as below.

SAP Business Application Studio

This provides an easy to use development environment with pre-installed components. This is recommended for beginners or users behind corporate firewall.


VS Code

You are free to use VS Code(or any other editors) but should have the below components installed

NodeJS
Git


Please follow the steps below (#1 or #2) based on your choice.
Please follow mandatory steps #3 where we will setup some required packages.

1.SAP Business Application Studio (BAS)


Please ensure you have a BTP trial account. In case you do not have the same, please follow the steps mentioned in the tutorial Get a Free Account on SAP BTP Trial | Tutorials for SAP Developers.
You should be able to view a similar screen.


Click on the ‘Instances and Subscriptions’ link on the left menu. You should be able to see the ‘SAP BAS’ subscription. Click on the launch application Icon.


In recently created trial accounts, SAP Business Application Studio is subscribed to by default. If you are unable to see the BAS,   please follow the steps Here


Once the Business Application Studio is opened, click on ‘Create Dev Space’ button.


Give a dev space name (say. ui5con2022), select 'Fullstack Cloud Application' and click on create dev space.


You should be able to see a new dev space created. Start the dev space and navigate to the dev space. (Please ensure the dev space is running before the session)


2. VS Code


Ensure VS Code is installed Visual Studio Code - Code Editing. Redefined
Git is installed Git - Downloads (git-scm.com)
NodeJS version 14 or higher is installed Download | Node.js (nodejs.org)


3. Mandatory Steps

Open a terminal in VS Code or SAP BAS (Shourcut - Ctrl+`)

Install UI5 Tooling CLI UI5 CLI - UI5 Tooling (sap.github.io)

npm install --global @ui5/cli

# Verify installation
ui5 --help


Install Easy-ui5 generator SAP/generator-easy-ui5: Meta-generator various project types within the UI5 Universe (github.com)

npm install -g yo generator-easy-ui5
#Verify your installation to see if Yeoman has been installed correctly
yo

Suggested Readings

Step 33: Custom Controls - Documentation - Demo Kit - SAPUI5 SDK (ondemand.com)
Developing Controls - Documentation - Demo Kit - SAPUI5 SDK (ondemand.com)
Issues?

Pinaki Patra | SAP People
Pinaki Patra (@pinakisap) / Twitter