Ionic basic commands

Install Ionic

Start an App

Run your App

Get all cordova plugin in place

Create a new page crud from command line

Create a new provider from command line

Check all default plugins that are used in the new Ionic 3 app.

Check cordova plugin list

launch android studio
tools -> android -> sdk manager
install the required things from

tools => android => avd manager => create device

This command will create a folder which will have respective os builds.

Build for Browser

To build for browser:

To run:


More options


Run the app on the specific OS


Emulate the app in OS


This will build a debuggable apk, mostly testing and not ready for the app stores.


ionic build android –release will generate an apk ready for release to the app store but hasn’t been signed yet.

This will generate an apk ready for releasing to the app store, but hasn’t been signed yet.


Run the application


Generate icons & splash screens


For platform specific splash screens



add ionic splash screen


get ionic information


Update npm


How to create keystore key?
keytool -genkey -v -keystore [your keystore file path]{C:/index.keystore} -alias [your_alias_name]{index} -keyalg RSA -keysize 2048 -validity 10000[in days]


To disable animation for all your navigation go to your app.module.ts file and add to the config animate:false
IonicModule.forRoot(MyApp, { animate: false })

page animation
this.navCtrl.push(ShopPage, {}, { animate: true, animation: ‘transition’, duration: 5000, direction: ‘forward’ });

Shortcut for pushing page without passing data
usrPage = userProfilePage

Add elvis eperator (?) in templeate stop errors when object is not available. Eg category node is not available in the below line.

if using “providers” and api. You need to place these lines in app.module.ts
import { HttpModule } from ‘@angular/http’;
and add “HttpModule” in @NgModule – imports below.

Error => the connection to the server was unsuccessful. (file ///android_asset/www/index.html)

Lists & Performance Issues
<ion-list [virtualScroll]=”items”>
<ion-item *virtualItem=”let item”>
{?{ item }}

How to remove splash screen from ionic application

ionic resources not copying in www
ionic cordova platform rm android
ionic cordova platform add android@latest

cordova platform update android
if you get error delete platforms folder.

Phonegap offical docs

Phonegap offical docs for preferences






ionViewDidLoad() function is automatically trigger or you can place code in consutrustor.