Getting started with Ionic Framework

Ionic is a framework for developing hybrid mobile apps using modern web technologies. One of the benefits for creating mobile apps using ionic framework is you have one common code base.

Ionic Command Line Reference

start – starts a new Ionic project
server – starts a local development server. It has a live reload feature – file system watcher to where it refreshes the browser automatically.
Platform – configure platform targets
Build – locally build app for a platform
Emulate – emulate app in simulator
Run – runs app on device

Installations

Install node.js
run from the command line (admin mode)
- npm install ionic -g
- npm install cordova -g

-g is a switch for global

Installations for Android and iOS.

Depending on your preferences, you can install a text editor like Notepad++ or Sublime Text. Or if you prefer to use Visual Studio, you can install the tools for Apache Cordova as follows:

Visual Studio 2015

Install Tools for Apache Cordova
- Under Cross Platform Mobile Development

Optional:

Install Google Canary
- F12 gives device emulation options

Ionic Starter Templates

Blank
Tabs
Side menu
Maps

How to create a project

ionic start [appName] [template]
Example: ionic start MyApp blank

3 ways to test application

Local browser (type within your app directory)
- ionic serve
Emulator
- ionic flatform add android
- ionic build android
- ionic emulate androin
Device
- ionic run android
  - Goes through the process of building and deploying to device

You should now be all set to get started with Ironic development. Below are some additional things you may be interested in:

CodePen for the front end web

Visual Studio – optional install of Telerik app builder tool

Ionic in Visual Studio: https://dustinewers.com/how-to-ionic-in-visual-studio/