Saturday, February 13, 2016

Ionic Tutorial

Summary:

Create a new Ionic Application: C:\Projects> ionic start myapp APPNAME
CD into the project:                     C:\Projects> cd APPNAME
Setup project to use Sass:             C:\Projects\APPNAME> ionic setup sass
Develop in the browser with live reload:  C:\Projects\APPNAME> ionic serve
Add platform (iOS - OS X or Android):     C:\Projects\APPNAME> ionic platform add ios [android]
Build App:                                 C:\Projects\APPNAME> ionic build <PLATFORM>
Simulate App:                             C:\Projects\APPNAME> ionic emulate <PLATFORM>
Run App:                                   C:\Projects\APPNAME> ionic run <PLATFORM>
Package App:                              C:\Projects\APPNAME> ionic package <MODE> <PLATFORM>
Invite to preview                       C:\Projects\APPNAME> ionic share EMAIL


Installation issues:
1. While installing on MacBook, if you get an EACCESS error while installing to /usr/local, do the following
    sudo chown -R $USER /usr/local

References:
1. Youtube Video: https://www.youtube.com/watch?v=C-UwOWB9Io4&feature=youtu.be
2. Generate splash screens and icons with ionic resource
    http://ionicframework.com/blog/automating-icons-and-splash-screens/
3, Ionic View App
    http://view.ionic.io
4. Tutorial - scotch-todo simple
    https://scotch.io/tutorials/create-your-first-mobile-app-with-angularjs-and-ionic
5. Tutorial - nraboy todo with SQLite:
    https://blog.nraboy.com/2015/03/create-todo-list-mobile-app-using-ionic-framework/
6. Data storage on Android:
    http://developer.android.com/guide/topics/data/data-storage.html

No comments:

Post a Comment