ionic-starter-sidemenu-tabs-hybrid

This is an addon to the two ionic starter templates sidemenu and tabs for the Ionic Framework.

Prerequisites:

Know you can use templates using simple CLI commands but before make sure you're not missing the Ionic library, and AngularJS.

To use this, either create a new ionic project using the ionic node.js utility, or copy and paste this into an existing Cordova project and download a release of Ionic separately.

First make sure you have the CLI tools for ionic and cordova installed globally on your computer using

$ sudo npm install -g ionic cordova

How to Start a Project:

To start any ionic project you must use the ionic start command, followed by what you what to call your local folder, then lastly, what project you what to start or load into your local project. This is specified by:

The name of one of ionic's starters.

$ ionic start myApp tabs
$ ionic start myApp sidemenu
$ ionic start myApp map

A codepen.io Pen's URL

$ ionic start myApp http://codepen.io/[pen url here]

or in some cases just another URL

$ ionic start myApp [URL here]

How to run and test on devices and emulators

First, cd into myApp and add the platform, build it.

To emulate on machine run:

$ ionic platform add [platform name here]

$ ionic platform add ios
$ ionic build ios
$ ionic emulate ios

or just

$ ionic platform add ios
$ ionic emulate ios

Emulate on genymotion emulator

if you want to run an andriod on a genymotion emulator, have a genymotion android emulator running then replace the 'emulate' command with 'run' like so:

$ ionic run android

To run on device and push to the cloud

First upload project to ionic.io

$ ionic upload

It will prompt for you to sign up (it's free). Do it then download there app from the Google Play or iOS App Store then sign in and you'll see your project there

To run in default browser

Run:

$ ionic serve

How to use this template

First cd into the directory you want to add this project and run:

$ ionic start myApp https://github.com/garrettmac/ionic-starter-sidemenu-tabs-hybrid
$ cd myApp
$ ionic serve

or in one step run:

$ ionic start myApp https://github.com/garrettmac/ionic-starter-sidemenu-tabs-hybrid && cd $_ && ionic serve

Also Know

if packages are included in projects install then then run by running:

$ ionic start myApp https://github.com/garrettmac/ionic-starter-sidemenu-tabs-hybrid
$ cd myApp
$ npm install
$ bower install
$ ionic serve

Enjoy!

garrettmac / ionic-starter-sidemenu-tabs-hybrid