Sunday, December 13, 2015

Installing IONIC in mac and using android studio to emulate a sample android app


The following set of steps need to be configured to install ionic in macintosh and execute an android application on an emulator -

1.Download the emulator for android.
2.Launch the .dmg file.
3.Drag and drop the Android Studio into the Applications folder.
4.Open Android studio and follow the setup wizard.
5.Modify your .bash_profile in /Users/<youruserdirectory> to
contain the following -

a.Java SDK path – export JAVA_HOME =<Path/to/java/home/directory>
b.Android SDK path – export AND_SDK_HOME=/Users/youuserdirectory/Library/Android/sdk
6. Export path to contain the above variables -
export PATH=$PATH:$JAVA_HOME/bin:AND_SK_HOME/tools
7.Download the project – ionic-starter-tabs as sample to test from GitHub
8.Create a new directory and clone the project to the directory
9.Execute the below command

$sudo npm install -g ionic cordova
10.Execute the below command to create a new ionic project

$ ionic start myApp tabs
11.Execute the below command to run the project.
$cd myApp
$ionic platform add android
12. Install the correct add ons or software version of android using the
android manager.

13.Run the following command -
$ionic build android
$ionic emulate android

If all the above steps are executed correctly then the app will open up
in the android emulator.