Mac OS X Android & iOS App Quick Start with Ionic
The BSD Tutorial shows you Step-by-Step How to Getting-Started with Ionic Android & iOS App Development on macOS.
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.
-
Open a Command Line Terminal Window
(Press “Enter” to Execute Commands)
In case first see: Terminal QuickStart Guide.
-
How to Install the Latest Ionic Framework on macOS
-
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
-
How to Install Android SDK Tools Only on macOS
-
Building & Running the Android App
ionic build android
Wait until all Dependencies are downloaded and process is achieved…
ionic emulate android
To Run the Android App you’ll need a working AVD Android Device Emulator!
Possibly See the Guide on Android Installation & SetUp above… -
Building & Running the iOS App
ionic build ios
Wait until all Dependencies are downloaded and process is achieved…
ionic emulate ios
The iOS Emulation require and Xcode 6.x Installation.
-
Ionic Framework Getting-Started Guide
