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


  • 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


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 – used as a scratch pad.

Ionic in Visual Studio

Visual Studio – optional install of Telerik app builder tool

Ionic in Visual Studio:


Speak Your Mind