Ionic is an HTML5 mobile app development framework targeted at building hybrid mobile apps.
Hybrid apps have many benefits over pure native apps, specifically in terms of platform support, speed of development, and access to 3rd party code.
Building Hybrid Apps With Ionic
As of Ionic 2, the framwork uses Angular (previously using AngularJS), please see seperate freeCodeCamp guides on Angular.
Before we can start playing with Ionic. Let’s prepare our system first:
- nodejs / npm
- xcode (if wanting to build iOS apps)
- Android SDK (if building Android apps)
Install ionic CLI:
npm i -g ionic cordova
Create a new project and run in the browser:
ionic start MyFirstApp blank cd MyFirstApp ionic serve
Ionic 4 Beta
To use Ionic 4 make sure you have the latest version of the Ionic CLI:
npm i -g ionic
and use the type arguments
ionic start MyFirstIonic4App tabs --type=angular cd MyFirstIonic4App ionic serve
Ionic 4's CLI now uses Angular's CLI for its building and routing. For other frameworks see the quickstarts: