1. Home
  2. Ionic Tutorial – Series 2/3

Ionic Tutorial – Series 2/3

Ionic App Building
Ionic App Building

Since you now have Ionic and its dependencies installed, you may build your first app; this section will guide you through the procedure of starting a new application, along with adding pages, navigating between these pages, and more.

How to Start a New Ionic App.

To start a new app, go over to your command line and execute the command below.

ionic start MyIonicProject tutorial

start’ is going to tell the CLI to create a new app.
MyIonicProject’ should be the directory name as well as the app name from your project.
Tutorial’ will be the template starter for the project.
If this tutorial template is not something you would like to use, Ionic has several templates available instead.
Tabs: A simple 3 tab layout
Sidemenu: A layout with a swipe-able menu on the side
Blank: A bare starter with a single page.
Super: A starter project which has over 14 ready to use page designs.
Tutorial: A guided starter project.
If you do not specify a template by running Ionic start MyIonicProject, the tabs template is the one that will be used.

Viewing the app in a browser

Next, you may cd into the folder which was created and, in order to retrieve a quick preview of the app in the browser, use the serve command.

cd MyIonicProject/
ionic serve

Now, if everything has been installed properly, you will see the welcome page.
Feel free to proceed to the next part of the tutorial below.
Ionic Tutorial – Series 3/3

Updated on November 28, 2017

Was this article helpful?

Leave a Comment

[apsl-login-lite login_text='Please login with a social account']