incentro/generator-ionic-incubator

Yeoman Ionic Incubator

generator-ionic-incubator

Yeoman generator for Ionic Projects. Sets up a default Ionic template with E2E testing and Unit testing.

Features

• Gulp for task automation
• Compiles and concats your sass
• Local development server with Apache Ripple included
• Providing custom Ionic changes in a seperate sass file
• ng-cordova is built in

Installation

First, install Yeoman and generator-ionic-incubator using npm (we assume you have pre-installed node.js).

npm install -g yo
npm install -g generator-ionic-incubator

Then generate your new project inside your app directory:

yo ionic-incubator

To run the application just run:

gulp

Workflow commands

gulp or gulp default

Runs the following commands: clean, fonts, templates, styles, images, vendor, buildIndex, watchers, serve

gulp -b or gulp default -b

Runs the following commands: clean, fonts, templates, styles, images, vendor, buildIndex

gulp -e or gulp default -e

Runs the following commands: clean, fonts, templates, styles, images, vendor, buildIndex, ionic:emulate, watchers (Make sure you've added a platform before running this command)

gulp -r or gulp default -r

Runs the following commands: clean, fonts, templates, styles, images, vendor, buildIndex, ionic:run (Make sure you've added a platform before running this command)

gulp clean

Deletes the www folder.

gulp styles

Concatenates, autoprefixes and strips comments from the scss files into a single main.css file.

gulp scripts

Concatenates, and uglifies js files from the templates and scripts directories into a single app.js file.

gulp fonts

Builds a webfont from the Ionicons webfont.

gulp templates

Copies the templates directory from the src folder to the www folder.

gulp images

Copies the images directory from the src folder to the www folder.

gulp jsHint

Lints the js files based on the .jshintrc ruleset.

gulp vendor

Concatenates and uglifies all the vendor scripts and places the vendor.js file in the www directory.

gulp buildIndex

Injects the css and js files into the index.html file.

gulp karma

Runs the Karma unit tests.

gulp protractor

Runs the Protractor E2E tests.

gulp watchers

Starts watching the scss, fonts, images and template files.

gulp ripple

Launches Apache Ripple (make sure you've added a platform before running this command).

Changelog

0.6.0

• Update to Ionic 1.3.1.

0.5.0

• Updated dependencies.
• Update to Ionic 1.3.0.

0.4.0

• Added the Ionic hooks directory.

0.3.0

• Updated dependencies.
• Moved the repo to the Incentro account.

0.2.0

• Changed dependency injection for the runBlock
• Fix for SCSS path and a little typo
• Fix error after second build
• Refactoring SCSS part

0.1.0

• Update to Ionic 1.2.0.
• Update the readme.
• Change the tilde into a carret for angular-mocks.

License

MIT © Pieter Bogaerts