Difference between revisions of "Ionic"

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

Ionic Framework

Notes

↑ "Getting started with Ionic", Ionic Framework.

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

[1]

@@ Line 1: / Line 1: @@
+__NOTOC__
+== Installation ==
+Following the Getting started guide<ref>[http://ionicframework.com/getting-started/ "Getting started with Ionic"], Ionic Framework.</ref> the install is:
+ sudo apt-get install npm openjdk-7-jdk ant
+ npm install -g cordova ionic
+Grab the [http://developer.android.com/sdk/ Android SDK] bundle:
+ cd ~/projects
+ wget <nowiki>https://dl.google.com/android/adt/adt-bundle-linux-x86_64-xxxx.zip</nowiki>
+ 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 ==
-Using the Getting started guide<ref>[http://ionicframework.com/getting-started/ "Getting started with Ionic"], Ionic Framework.</ref>
+ ionic start hello tabs
+ 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].
 == Links ==