generator-bangular

generator-bangular

Want a clean, fast and more purposed way to scaffold your project while keep at hand some build tools?

Install

npm install -g generator-bangular

Launch

gulp || gulp serve

Build sass files, inject all scripts and styles to the project, watch them and open your default browser.

gulp build

Wipe old generated dist directory while keeping the .git to preserve your remotes configuration. Concat all the scripts and vendors in one minified .js file, same thing for your styles. Rev all resources for caching purposes; copy the server part.

gulp serve:dist

Run the gulp build process and serve the dist directory.

gulp test

Launch client and server tests, using Karma and Mocha.

gulp test --client || gulp test --server

Run specific tests.

gulp control

Validate the app through JSHint.

Generators

• Global
• app
• Client
• directive
• filter
• font
• route
• service
• style
• Server
• api

App

This is the main generator of Bangular, that will scaffold entierely your project based on your needs.

yo bangular || yo bangular <appName>

Backend type: MongoDB / Restock / Json
Modules : angular-cookies || angular-resource || angular-sanitize || angular-animate

Directive

yo bangular:directive <name>

The name parameter is required. Directives will be generated at client/directives/. You can specify if your directive needs an html template or not.

Filter

yo bangular:filter <name>

The name parameter is required. Filters will be generated at client/filters/.

Font

yo bangular:font <name>

The name parameter is required. Fonts will generate a new folder in client/assets/fonts/ and a .scss file importing all of these fonts in your app.

Route

yo bangular:route <name>

Url: Client url to access the route.

The name parameter is required. This will create in client/views/:

name
├ name.js
├ name.controller.js
├ name.spec.js
└ name.html

Service

yo bangular:service <name>

The name parameter is required. The service and its spec file will be generated at client/services/.

Style

yo bangular:style <name>

Inject: If true, an @import will be added to the main app.scss file to add the style to your app.

The name parameter is required. This will create a new .scss file in he client/styles/ folder.

Api

yo bangular:api <name>

Url: Route that will be exposed on your server to access this ressource.

The name parameter is required. A name folder will be created at server/api/.

Architecture

client
 ├ assets
 │   ├ images/
 │   └ fonts/
 ├ styles/
 ├ views/
 ├ directives/
 ├ filters/
 ├ services/
 ├ bower_components/
 ├ index.html
 ├ app.js
 └ karma.conf.js
server
 ├ api/
 ├ config/
 ├ routes.js
 └ server.js
gulpfile.js
bower.json
package.json
.yo-rc.json
.jshintrc

License

BSD