generator-angular-mobile-coffee

Mobile Angular Ui Boilerplate generator with coffeescript

Scaffold a Mobile Angular Ui (Angular + Bootstrap) project in 1 minute

Features

• Ready to go (install and start to develop)
• Target both Phonegap/Cordova and Web Apps
• Based on Gulp
• Use less to code and customize style
• Compile and compress assets (even images)
• Use mobilizer to strip responsive media-queries and :hover from mobile stylesheets (useful to include 3rd party css)
• Use ngAnnotate to preserve angular dependency injection on minification
• Automatically order js sources according to ng Modules dependencies
• Precompile angular templates
• Web server with livereload to test in browser
• Embed weinre to easily debug Phonegap Apps
• Easily customizable

Install

npm install -g yo gulp generator-angular-mobile-coffee

If you plan to use this with Phonegap/Cordova you may want to install them too:

sudo npm install -g cordova

sudo npm install -g phonegap

Usage

1. Create the project directory

For phonegap/cordova:

phonegap create my_app

or

cordova create my_app

For a web app:

mkdir my_app

2. Run the generator

cd my_app
yo mobileangularui

Be patient.. this may take a few minutes.

3. Build

gulp build

4. Run your app

For phonegap/cordova:

phonegap run TARGET

or

cordova platform add TARGET
cordova run TARGET

Start a development web server, start Weinre, and watch for changes:

gulp

If you use weinre, weinre target script is automatically injected in your sources.

Open your web app at localhost:8000. Debug a phonegap app remotely at localhost:8001.

License

MIT