generator-co v1.0.0
Generator-co
##Features
- Generators for route, api, directive, service.
- Express server with nested routing architecture.
- Nodemon with LiveReload or BrowserSync for the development process.
- Automatic bower dependencies injection on package install.
- Test suite — Unit tests with Karma & Mocha, e2e tests with Protractor.
- JSHint & JSCS integration.
- Sass support.
- Angular ui-router.
- sockets, with socket.io and angular-socket-io.
- authentication system, with Passport.
- MongoDB, with Mongoose ODM.
##Install
npm install -g generator-co
yo co##Getting started
gulpDefault task, run the server. Build sass files, inject all scripts and styles to the project, watch them and open your default browser.
gulp buildWipe 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 previewRun the gulp build process and serve the dist directory.
gulp test [--client || --server]Launch client and server tests, using Karma and Mocha, both by default.
gulp controlValidate the app through JSHint and JSCS.
gulp bump [--major || --minor || --patch]Bump versions of package.json and bower.json files using Semantic Versioning and commit them. Default to patch.
gulp e2eLaunch your server and then run protractor tests. See protractor howtos.
##Generators
App
This is the main generator of Bangular, that will scaffold entierely your project based on your needs.
yo co || yo co <appName>Backend type: MongoDB / Restock / Json Modules : angular-cookies || angular-resource || angular-sanitize || angular-animate Socket.IO : Do you want to integrate sockets in your app?
Directive
yo co: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 co:filter <name>The name parameter is required. Filters will be generated at client/filters/.
Font
yo co: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.
It will be imported in your app.scss file either on top of the file or after the // imports mark if specified.
Route
yo co: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.e2e.js
└ name.htmlService
yo co:service <name>
yo co:factory <name>The name parameter is required. The service / factory and its spec file will be generated at client/services/.
Style
yo co:style <name>Inject: If true, an @import will be added to the main app.scss file to add the style to your app.
You can specify the location of your new imports by adding a // imports in the file.
The name parameter is required. This will create a new .scss file in he client/styles/ folder.
Animation
yo co:anim <name>Creates an angular animation file in client/animations/.
You can choose which event(s) you want to capture, including enter, leave, move, addClass, removeClass.
You need to have ngAnimate as dependency.
Api
yo co:api <name>Url: Route that will be exposed on your server to access this ressource.
Socket: If you want to emit socket event on model changes (only with mongo & sockets).
Resource: If you want to scaffold a basic $resource for this route (only with ngResource).
The name parameter is required. A name folder will be created at server/api/.
9 years ago