generator-m-ionic

Generator-M-Ionic

Development:

Why you need it

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 ...

What's new

1.9.0

• Livereload for the device! Wohoo! See how it's done.
• Testing workflow improvements
  • Precommit hooks and others in a new Husky Guide
  • gulp protractor now returns, allowing it to be used with husky, travis, jenkins, ...
• Questions the generator asks are documented and explained in the Questions document
• read more ...

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.

Guides

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.
• Generator Update (experimental) can help you update to a new generator version.

Building & Continuous Integration

• Build Vars, inject vars into your app at build time.
• Programmatically change the config.xml, an essential part for a successful continuous integration setup. Add environments and build vars for a full blown continuous integration use case!

Ecosystems

• Ionic Platform (beta) - A cloud platform for managing and scaling cross-platform mobile apps
• Appmobi - Secure Mobile Development Platform
• ApiOmat (beta) - Enterprise Backend as a Service

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:

• Mission Statement
• Contribution Guide

License

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