Yeoman generator for AngularJS using a modular approach to filestructure and naming. Opinionated about the front-end workflow at Nodes.

1. Gulp
2. Browser-sync
3. JSHint
4. Wiredep (Include bower based dependencies easily)
5. Protractor (E2E tests)
6. Sass (Modular approach based on Atomic Design principles)
7. AngularJS (Modular approach based on best practices and recommendations for non-monolithic apps)
8. Inlcude Bootstrap or Foundation (both optional)
9. Include jQuery, and Modernizr (both optional)

Install generator-nodes-angular:

npm install -g git https://github.com/dennishn/generator-nodes-angular.git

Make a new directory, and cd into it:

mkdir my-new-project && cd $_

Run yo nodes-angular, optionally passing an app name:

yo nodes-angular [app-name]

Run gulp for building and gulp serve for preview

 - src/
    |- app/
        |- [module]/
            |- [module.js]
            |- [module.tpl.html]
    |- common/
        |- directives/
        |- factories/
        |- filters/
        |- services/
        |- providers/
    |- scss/
        |- elements/
        |- modules/
        |- components/
        |- ui-blocks/
        |- layouts/
        |- pages/
        |- plugins/
        |- main.scss
        |- fonts.scss
        |- _variabels.scss
        |- _functions.scss
        |- _mixins.scss
        |- _normalize.scss
    |- fonts/
    |- img/
    |- js/
    |- index.html

Available sub-generators:

Non-angular:

• nodes-angular:font

Angular:

• nodes-angular:controller
• nodes-angular:directive
• nodes-angular:filter
• nodes-angular:route
• nodes-angular:service
• nodes-angular:provider
• nodes-angular:factory
• nodes-angular:value
• nodes-angular:constant
• nodes-angular:view
• nodes-angular:test

The MIT License