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

It is still here for sake of completness.

Generator-M-Ionic

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!

<p align="center"> <a href="https://github.com/mwaylabs/generator-m-ionic" alt="Generator-M-Ionic"> <img width="175" src="https://raw.githubusercontent.com/mwaylabs/generator-m-ionic/master/docs/resources/logo.png"> </a> </p>

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

<br> <br> <p align="center" > <a href="http://yeoman.io/" target="_blank" alt="yeoman" title="yeoman"> <img height="100" src="https://cloud.githubusercontent.com/assets/1370779/6041228/c1f91cac-ac7a-11e4-9c85-1a5298e29067.png"> </a> <a href="http://gulpjs.com/" target="_blank" alt="gulp" title="gulp"> <img height="100" src="https://cloud.githubusercontent.com/assets/1370779/9409728/c5332474-481c-11e5-9a6e-74641a0f1782.png"> </a> <a href="http://bower.io/" target="_blank" alt="bower" title="bower"> <img height="100" src="https://cloud.githubusercontent.com/assets/1370779/6041250/ef9a78b8-ac7a-11e4-9586-7e7e894e201e.png"> </a> <a href="https://www.browsersync.io/" target="_blank" alt="browsersync" title="browsersync"> <img height="100" src="https://cloud.githubusercontent.com/assets/1370779/16412038/77028548-3d2a-11e6-88d0-2c0d66582f4c.png"> </a> <a href="https://angularjs.org/" target="_blank" alt="angular" title="angular"> <img height="100" src="https://cloud.githubusercontent.com/assets/1370779/6041199/5978cb96-ac7a-11e4-9568-829e2ea4312f.png"> </a> <a href="http://ionicframework.com/" target="_blank" alt="ionic" title="ionic"> <img height="100" src="https://cloud.githubusercontent.com/assets/1134310/17360098/b5975f2e-5961-11e6-8a13-70d258d35ffe.png"> </a> <a href="http://cordova.apache.org/" target="_blank" alt="cordova" title="cordova"> <img height="100" src="https://cloud.githubusercontent.com/assets/1370779/6041269/20ed1196-ac7b-11e4-8707-68fa331f1aeb.png"> </a> <br> <br> <a href="http://sass-lang.com/" target="_blank" alt="sass" title="sass"> <img height="100" src="https://cloud.githubusercontent.com/assets/1370779/9410121/c330a3de-481e-11e5-8a69-ca0c56f6cabc.png"> </a> <a href="http://eslint.org/" target="_blank" alt="eslint" title="eslint"> <img height="100" src="https://cloud.githubusercontent.com/assets/1370779/15893052/ada5651e-2d7d-11e6-9246-dc749c7afd63.png"> </a> <a href="http://karma-runner.github.io/" target="_blank" alt="karma" title="karma"> <img height="100" src="https://cloud.githubusercontent.com/assets/1370779/9410216/44fef8fc-481f-11e5-8037-2f7f03678f4c.png"> </a> <a href="http://jasmine.github.io/" target="_blank" alt="jasmine" title="jasmine"> <img height="100" src="https://cloud.githubusercontent.com/assets/1370779/9410153/ebd46a00-481e-11e5-9864-f00fa8427d17.png"> </a> <a href="https://angular.github.io/protractor/#/" target="_blank" alt="protractor" title="protractor"> <img height="100" src="https://cloud.githubusercontent.com/assets/1370779/9410114/b99aaa9a-481e-11e5-8655-ebc1e324200d.png"> </a> </p> <br> <br>

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

• Part 1: Playground
• Part 2: Mountain
• Part 3: Orbit

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:

1. check out our Issue Guidelines and issues to see if there already is a solution or answer.
2. - Get in touch with other developers and our core team.
3. 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:

1. Mission Statement
2. Contribution Guide

License

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