![SAP UI5 Tutorial](/sap_ui5/images/sap-ui5-mini-logo.jpg)
- SAP UI5 Tutorial
- SAP UI5 - Home
- SAP UI5 - Overview
- SAP UI5 - Architecture
- SAP UI5 - Key Components
- SAP UI5 - Control Libraries
- SAP UI5 - Development Kit
- SAP UI5 - MVC Concept
- SAP UI5 - Views
- SAP UI5 - Developer Studio
- SAP UI5 - Creating a UI5 Project
- SAP UI5 - Controls
- SAP UI5 - Data binding
- SAP UI5 - Design Patterns
- SAP UI5 - Modularization
- SAP UI5 - Localization
- SAP UI5 - Notepad Controls
- SAP UI5 - Extending Applications
- SAP UI5 - Theming
- SAP UI5 - Mobile
- Creating a Project in Web IDE
- SAP UI5 Useful Resources
- SAP UI5 - Quick Guide
- SAP UI5 - Useful Resources
- SAP UI5 - Discussion
SAP UI5 - Creating a Project in Web IDE
In this chapter, we will learn how to create a project in Web IDE. Let’s go step by step.
Step 1 − To start a new project, go to File → New → Project
![Web IDE](/sap_ui5/images/web_ide.jpg)
Step 2 − Enter the name of the project. In the next window, select the template.
![Basic SAP UI5 Project](/sap_ui5/images/basic_sapui5_project.jpg)
Step 3 − Select template SAPUI5 Mobile Applications → Next
![Select a Template](/sap_ui5/images/select_a_template.jpg)
Step 4 − The next step is to select the data connection. Select service URL → Select
![Data Connection](/sap_ui5/images/data_connection.jpg)
Step 5 − In the next step, you have to perform template customization.
![Template Customization](/sap_ui5/images/template_customization.jpg)
Step 6 − On clicking Next, you will see the Finish button.
![New Project Confirm](/sap_ui5/images/new_project_confirm.jpg)
Once you click Finish, you can see a new project created that has default structure of UI application. It contains the view, model, and name of the project.
![UI Application](/sap_ui5/images/ui_application.jpg)
Advertisements