ionic-framework Getting started with ionic-framework Ionic Framework Hello World App
Example
After All the setup, To make Hello World App
- To create Simple Blank App, run below command on terminal :
ionic start HelloWorld blank // create new project
cd HelloWorld // get into HelloWorld directory
- open the HelloWorld Project in subline/webstrome IDE :
- Edit index.html, in www/ ditectory
<body ng-app="starter">
<ion-pane>
<ion-header-bar class="bar-stable">
<h1 class="title">Ionic Hello World App</h1>
</ion-header-bar>
<ion-content>
<div class="center">Hello World..!</div>
</ion-content>
</ion-pane>
</body>
- To run in browser from terminal :
ionic serve // run the app in browser
- To add platform :
ionic platform add android // add android platform
ionic platform add ios // add ios platform
- To run on device :
adb devices // to check devices is connected
ionic run android // to run on android devices
ionic run ios // to run on ios devices
- To run in livereload :
ionic run android -c -s -l // to check app in live reload with console.
