Difference between revisions of "Ionic"
From Jon's Wiki
| (One intermediate revision by the same user not shown) | |||
| Line 7: | 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> | + | 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 22: | 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
- ↑ "Getting started with Ionic", Ionic Framework.