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 [email protected]: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.9.1. For more info visit the repository or check out the README below.

Generator-M-Ionic v1.9.2

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:

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.