Ionic Templates
There are three different template layouts for building up your app:
| Layouts | blank | sidemenu | tabs |
| Commands | 1. Open a command prompt
2. Under your ionic working folder 3. Create app by “ionic start myApp1 blank” 4. Then, it will generate the new project – myApp1 under your ionic working folder 5. Running the app by “ionic serve –p 8200” “-p 8200” is optional, and it states the port for running the app. |
1. Create app by “ionic start myApp2 sidemenu”
2. Then, it will generate the new project – myApp1 under your ionic working folder 3. Running the app by “ionic serve –p 8200”
|
1. Create app by “ionic start myApp3 tabs”
2. Then, it will generate the new project – myApp1 under your ionic working folder 3. Running the app by “ionic serve –p 8200”
|
| Screens |  |
 |
 |
So, before creating your app, you need to choose which template you will base on. Choosing right template for your app, it can fasten your development work.
You can either use Google Chrome or platform-specified SDK to simulate your app on specified device.
Example 1: Show Company Background With Simple $http.get()
Example 4: Showing Promotion With QR Code and Push Notification
Example 3: Products Show Room With Searching and Sorting
About Author
