Prepare Your Development Environment for SAP Fiori Elements
Set up your development environment with SAP Business Application Studio to create an SAP Fiori elements application based on the SAP Cloud Application Programming Model.
🎓beginner⏱20 min.SAP FioriSAP Fiori ElementsBeginnerSAP Business Application StudioSAP Cloud Application Programming ModelSAP Business Technology Platform
You will learn
✔How to set up SAP Business Application Studio for SAP Fiori elements application development
✔How to create a project containing the service needed for generating your sample application Click here for more information about the SAP Cloud Application Programming Model. [ACCORDION-BEGIN [Step 1: ](Create development space)] 1. On the SAP Business Application Studio start page, click Create Dev Space. 2. On the following page, enter a name for your new development space and choose the application type Full Stack Cloud Application from the list. Click Create Dev Space. !Start the Dev SpaceYour development space is now ready to use. Wait until the status has changed from STARTING to RUNNING. After the initial creation this is done automatically. >In case your development space was stopped, you can restart it by clicking the start button (for example after a longer idle time). 3. Open the development space by clicking on its name. [DONE] [ACCORDION-END] [ACCORDION-BEGIN [Step 2: ](Clone the demo service)] Once you are in the development space, you will see a Welcome page from which you can create the application project. 1. Copy the following GitHub repository URL into your clipboard: URL https://github.com/SAP-samples/fiori-elements-incident-management.git 2. Click the link Clone from Git. !Click on link “Clone from Git”Paste the repository link into the input field and press Enter. !Enter the github repository URL3. Wait until the cloning has finished. Click Open to open the project. You see your project in the explorer panel as shown in the image below: !Explorer service structure[DONE] [ACCORDION-END] [ACCORDION-BEGIN [Step 3: ](Complete the service)] 1. From the hamburger menu select Terminal and then New Terminal Ensure that your terminal prompt shows fiori-elements-incident-management. At the terminal prompt, enter npm install and press Enter. This command will download and install all necessary modules from the npm package repository required to run the SAP Fiori elements application.Enter npm installYour development environment is now ready. In the next tutorial, you will create an SAP Fiori elements application and run it inside the SAP Business Application Studio. [DONE] [ACCORDION-END] [ACCORDION-BEGIN [Step 4: ](Test yourself)] [VALIDATE_4] [ACCORDION-END]
How to set up SAP Business Application Studio for SAP Fiori elements application development
How to create a project containing the service needed for generating your sample application
Click here for more information about the SAP Cloud Application Programming Model.
Step 1Create development space
—
On the SAP Business Application Studio start page, click Create Dev Space.
On the following page, enter a name for your new development space and choose the application type Full Stack Cloud Application from the list.
Click Create Dev Space.
!Start the Dev Space
Your development space is now ready to use. Wait until the status has changed from STARTING to RUNNING. After the initial creation this is done automatically.
In case your development space was stopped, you can restart it by clicking the start button (for example after a longer idle time).
Open the development space by clicking on its name.
Step 2Clone the demo service
+
Once you are in the development space, you will see a Welcome page from which you can create the application project.
Copy the following GitHub repository URL into your clipboard:
Paste the repository link into the input field and press Enter.
!Enter the github repository URL
Wait until the cloning has finished. Click Open to open the project. You see your project in the explorer panel as shown in the image below:
!Explorer service structure
Step 3Complete the service
+
From the hamburger menu select Terminal and then New Terminal
Ensure that your terminal prompt shows fiori-elements-incident-management. At the terminal prompt, enter npm install and press Enter. This command will download and install all necessary modules from the npm package repository required to run the SAP Fiori elements application.
Enter npm install
Your development environment is now ready.
In the next tutorial, you will create an SAP Fiori elements application and run it inside the SAP Business Application Studio.
Share feedback on this tutorial or join the conversation in SAP Community.
Submit detailed feedbackDiscuss in Community
Steps
Step 1 of 4
1. Create development space2. Clone the demo service3. Complete the service4. Test yourself
Joule
AI Notice
Joule is an AI assistant. Generative AI may produce inaccurate, incomplete, or biased information. Always verify important details before acting on them.
Conversations are sent to SAP-hosted large language models for processing. Do not include personal data, credentials, or confidential information in your messages.
Joule's responses are based on the SAP tutorial catalog and may not reflect the latest product changes. For authoritative guidance, consult the linked tutorials and official SAP documentation.
