generator-ionic-incubator

    0.6.0 • Public • Published

    generator-ionic-incubator NPM version Build Status Dependency Status

    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

    0.5.0

    0.4.0

    • Added the Ionic hooks directory.

    0.3.0

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

    0.2.0

    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

    Install

    npm i generator-ionic-incubator

    DownloadsWeekly Downloads

    10

    Version

    0.6.0

    License

    MIT

    Last publish

    Collaborators

    • pizzapete