Prepare Your Development Environment for SAP Fiori Elements

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.

   !

   

   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).

3. Open the development space by clicking on its name.

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 Copy

   https://github.com/SAP-samples/fiori-elements-incident-management.git

2. Click the link Clone from Git.

   !

   

   Paste the repository link into the input field and press Enter.

   !

   

3. 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:

   !

   

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.

   

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.