Awesome

We moved on! This project is not longer maintained from our side.

It is still here for sake of completeness.

Generator-M-Ionic-Demo

Development:

What's this?

This project was generated with the awesome Generator-M-Ionic to show all the latest features. Please report any issues to the initial repository .

Run on your machine

By cloning

make sure you have all the prerequisites installed
clone git clone git@github.com:mwaylabs/generator-m-ionic-demo.git
- and install dependencies npm install && bower install

By using yo m-ionic

create a new directory
yo m-ionic --skip-prompts runs the generator with default options
yo m-ionic:module side - choose sidemenu template
yo m-ionic:module blank - choose blank template
edit the app.js and add the side and blank module
enjoy!
your project is now set using the latest version of the generator and with the following default options.

Explore

Run gulp watch and in your browser navigate to:

#/main/list - the tabs template
#/side/list - the sidemenu template
#/blank - the blank template

Run tests:

run gulp karma to run karma tests
run gulp protractor to run protractor tests
- hint: gulp watch and gulp protractor cannot be run at the same time.

Questions?

Head over to the Generator-M-Ionic repository and check out the documentation. Alternatively you can talk to us:

My Project

This project was generated with Generator-M-Ionic v1.12.0. For more info visit the repository or check out the README below.

Generator-M-Ionic v1.12.0

Development:

Why you need it

Note on Angular 2 & Ionic 2:

This Generator delivers highly advanced workflows for Angular 1 & Ionic 1 with the latest Cordova. If you are looking for a version for Angular 2 & Ionic 2, we're working on one but progress is slow for various reasons. Meanwhile, we are still solidly committed to maintaining and rolling updates for the Angular 1 & Ionic 1 stack. Everybody looking to get involved in either topic is very welcome!

Advanced workflows for building rock-solid Ionic apps: develop, prototype, test, build and deliver high quality apps with Yeoman, Gulp, Bower, Angular, Cordova and of course Ionic. All in one sexy generator.

Read more ...

What's in the box

Read more ...

Latest releases

Component subgenerator: see here.
Yarn integration: see here.
Test setup improvements #489.
Livereload for the device! Wohoo! See how it's done.
Integrations into Ionic Cloud, Relution & Greenhouse.
and many more ...

What's new

Ionic Blog Series - Great ride through everything Generator-M-Ionic has to offer:

Advanced workflows for building rock-solid Ionic Apps

Guides

Quick Start

Quick Start for the experienced developer.
Try the demo. Get a quick impression by cloning the sample project generated with the latest version of Generator-M-Ionic.

Setup

Installation and Prerequisites
Questions the generator will ask and what they mean

Basics

Development Introduction
File structure
Sub-generators for adding new components.
Git integration, see how it's done.
Sass integration in our module concept.
Bower component usage in our module concept.
Ionic style source, change it from CSS to Sass or vice versa.

Quality

ESLint code style checks and setting up your IDE/Editor.
Testing with our testing setup.
Husky hooks, automatically run linting and tests before you commit.

Advanced

CORS & Proxying, how to cope with CORS issues.
App Icons and splash screens, a simple setup or different sets for different builds - all is possible.
Use Environments manage different API Endpoints and much more with just a single parameter.
Gulp defaults, spare yourself some tedious typing on the command line.

Building & Continuous Integration

Build Vars, inject vars into your app at build time.
Programmatically change the config.xml, with gulp config an essential part for a successful continuous integration setup.
Full-blown Continuous Integration Guide - putting it all together: environments, build vars and gulp config!
Greenhouse & Relution Integration Guide - build and distribute your apps using these powerful cloud services

Ecosystems

Greenhouse & Relution - build and distribute your apps using these powerful cloud services
Ionic Cloud (beta) - a powerful suite of hybrid-focused mobile backend services and tools

Generator Insights

We've published 3 blog articles on our company blog delivering deep insights into the why and how of the generator:

September 2015: Generator-M-Ionic and the search for the holy grail
- rather technical comparison between the generator and similar tools as well as technical insights to the decisions and motivation behind the generator
September 2015: Generator-M-Ionic: HTML5 mobile app development evolved
- provides insight to the technology choices and ecosystem and the benefits of using the generator
March 2015: Generator-M: the state of HTML5 mobile app development at M-Way
- the origins of the generator development and company strategy

Questions, issues? Talk to us!

Do the following:

check out our Issue Guidelines and issues to see if there already is a solution or answer.
- Get in touch with other developers and our core team.
If all fails, make sure you have read the Issue Guidelines first and then open a new issue.

Want to contribute ideas, code?

Start by reading our:

License

Code licensed under MIT. Docs under Apache 2. PhoneGap is a trademark of Adobe.