Ionic - front end framework for mobile applications - prepare your environment.

Have you been working with Angularjs? Do you need to create an mobile app based on this framework? IONIC is created for you.

“The goal of what we’re trying to do is basically provide the most compelling alternative to building with the iOS or Android native SDKs and any other native SDKs that we end up supporting in the future,” Lynch says. He notes labor and cost savings with Web development as opposed to the native variety. “Instead of spending half a year on two entirely different code bases for iOS and Android, you can build just one with HTML5.”

Ionic - Quick start

1. Firstly you will need to install ionic and phonegap (cordova) on your machine.

sudo npm install -g phonegap

2. Install XCode (App Store)

3. Install Android SDK (ADT http://developer.android.com/sdk/index.html?hl=sk)

4. Download and Install ANT (http://ant.apache.org/bindownload.cgi)

5. Edit or create .bash_profile in your home directory

cd ~
touch .bash_profile
open -e .bash_profile

6. Add ADT and ANT path into .bash_profile file

export PATH=${PATH}:/Applications/adt/sdk/platform-tools/
export PATH=${PATH}:/Applications/adt/sdk/tools
export PATH=${PATH}:/Applications/ant/bin/
Replace: Applications/adt/sdk Applications/ant with your path to this folders 7\. Install IONIC framework npm install -g cordova ionic 8\. Start project and run the code
ionic start myApp tabs
cd myApp
ionic platform add ios
ionic platform add android

ionic build ios
ionic emulate ios

9. For testing in web browser with live reloader

ionic serve
  10\. Native test - Android - you have to enable debug mode on your device and then plug it to your machine
cordova run android

http://ionicframework.com/docs/guide/

http://ionicframework.com/