Ionic Android & iOS App Hello-World on Mac OS X

October 19th, 2015 by Duchateaux

Mac OS X Android & iOS App QuickStart with Ionic




The BSD Tutorial Shows You Step-by-Step How-to Getting-Started with Ionic Android & iOS App Development on Mac OS X.

Ionic is a powerful HTML5 SDK that helps you build native-feeling Mobile Apps using web technologies like HTML, CSS, and Javascript.

Ionic is focused mainly on the Look and Feel, and UI interaction of your app. Ionic simply fits in well in order to simplify one big part of your app: the Front End.

Ionic currently requires AngularJS in order to work at its full potential. While you can still use the CSS portion of the framework, you’ll miss out on powerful UI interactions, gestures, animations, and other things.

Ionic Hello-World App QuickStart on Mac OS X - Featured
  1. Open a Command Line Terminal Window
    (Press “Enter” to Execute Commands)

    Ionic Mobile App Hello-World on Mac OS X - Open Terminal
  2. How-to Install Latest Ionic Framework on Mac OS X:

    Ionic Installation for Mac
  3. Setting Up an App with Blank Template
    (You dispose of three template options out-of-the-box: blank, tab, and menu.)

    mkdir ~/Documents/ionic
    cd ~/Documents/ionic
    ionic start myApp blank

    Accept the Default to Create an ionic.io account to send Push Notifications and use Ionic View app…

    cd myApp/

    Add the Android & iOS platforms:

    ionic platform add android
    ionic platform add ios
  4. How-to Install Android SDK Tools Only on Mac OS X:

    Install Android SDK for Mac
  5. Building & Running the Android App

    ionic build android

    Wait until all Dependencies are downloaded and process is achieved…
    Ionic App QuickStart on Mac OS X - Building Android App

    ionic emulate android

    To Run the Android App You’ll need a working AVD Android Device Emulator!
    Eventually See the Guide on Android Installation & SetUp above…

  6. Building & Running the iOS App

    ionic build ios

    Wait until all Dependencies are downloaded and process is achieved…
    Ionic App QuickStart on Mac OS X - Building Android App

    ionic emulate ios

    The iOS Emulation require and Xcode 6.x Installation.

  7. Ionic Framework Getting-Started Guide:

    Ionic Getting-Started Docs
(Visited 2 times, 1 visits today)
Share on Tumblr

Tags: , , , , , , , , , , , , , , , , , , , , , , ,


Comments are disabled