Difference between revisions of "Ionic"

From Jon's Wiki
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
__NOTOC__
 
== Installation ==
 
== Installation ==
  
Line 6: Line 7:
 
  npm install -g cordova ionic
 
  npm install -g cordova ionic
  
Grab the Android SDK bundle:
+
Grab the [http://developer.android.com/sdk/ Android SDK] bundle:
  
 
  cd ~/projects
 
  cd ~/projects
  wget <nowiki>https://dl.google.com/android/adt/adt-bundle-linux-x86_64-xxxx.zip</nowiki> # from http://developer.android.com/sdk/
+
  wget <nowiki>https://dl.google.com/android/adt/adt-bundle-linux-x86_64-xxxx.zip</nowiki>
 
  unzip adt-bundle-linux-x86_64-[↹].zip
 
  unzip adt-bundle-linux-x86_64-[↹].zip
 
  mv adt-bundle-linux-x86_64-[↹] android
 
  mv adt-bundle-linux-x86_64-[↹] android
Line 21: Line 22:
 
  ionic start hello tabs
 
  ionic start hello tabs
 
  cd hello
 
  cd hello
 +
 +
=== Tips ===
 +
 +
* Setup this project to use Sass:<pre> ionic setup sass </pre>
 +
* Develop in the browser with live reload:<pre> ionic serve </pre>
 +
* Add a platform (ios or Android):<pre> ionic platform add [ios | android] </pre>(iOS requires OSX)
 +
* Build your app:<pre> ionic build <PLATFORM> </pre>
 +
* Simulate your app:<pre> ionic emulate <PLATFORM> </pre>
 +
* Run your app on a device:<pre> ionic run <PLATFORM> </pre>
 +
* Package an app using Ionic package service:<pre> ionic package <MODE> <PLATFORM> </pre>
 +
 +
For more help use ionic --help or visit the [http://ionicframework.com/docs Ionic docs].
 +
  
  

Latest revision as of 00:45, 23 November 2014

Installation

Following the Getting started guide[1] the install is:

sudo apt-get install npm openjdk-7-jdk ant
npm install -g cordova ionic

Grab the Android SDK bundle:

cd ~/projects
wget https://dl.google.com/android/adt/adt-bundle-linux-x86_64-xxxx.zip
unzip adt-bundle-linux-x86_64-[↹].zip
mv adt-bundle-linux-x86_64-[↹] android

Add the ADK tools to your PATH by editing ~/.bashrc:

export PATH=$PATH:/home/me/projects/android/platform-tools:/home/me/projects/android/sdk/tools

Try out hello world

ionic start hello tabs
cd hello

Tips

  • Setup this project to use Sass:
     ionic setup sass 
  • Develop in the browser with live reload:
     ionic serve 
  • Add a platform (ios or Android):
     ionic platform add [ios | android] 
    (iOS requires OSX)
  • Build your app:
     ionic build <PLATFORM> 
  • Simulate your app:
     ionic emulate <PLATFORM> 
  • Run your app on a device:
     ionic run <PLATFORM> 
  • Package an app using Ionic package service:
     ionic package <MODE> <PLATFORM> 

For more help use ionic --help or visit the Ionic docs.


Links

Notes

  1. "Getting started with Ionic", Ionic Framework.