generator-angular-es6

Yeoman generator for AngularJS 1.3 with javascript ES6 (or javascript 2015) support.

Prerequisites for using this generator

  • node as the javascript runtime. To install read this in case your flavour is Linux or this otherwise.
  • grunt for task management. To install read this
  • jspm for package management. To install read this

What's baked in

And, as mentioned above, jspm for package management.

Getting started

To install generator-angular-es6 from npm, run:

npm install -g git+https://github.com/Logicea/generator-angular-es6.git

Finally, initiate the generator:

yo angular-es6

The above command will produce a file structure like the one below:

.
app.js
config.js
Gruntfile.js
index.html
karma.conf.js
package.json
app
|-- fixtures
|-- somedata.json
|-- modules
    |-- main
    |-- main.js
    |-- main-config.js
    |-- main-controller.js
    |-- main-resource.js
    |-- main.html
    |-- main.less
|-- resources
    |-- common
    |-- common.less

Add a new module to your generated app

To add a new module to your generated app, run:

yo angular-es6:module

The above will add a new module, by the given name, in your app, following the structure of the main module described above. Note: You 'll need to add the new module in app/app.js yourself, once generated.

Add a new directive to one of your modules

To add a new directive to one of your modules, run:

yo angular-es6:directive

The above will add a new directive, by the given name, under the given's module directives folder. Note: You 'll need to import the new directive to your module's definition file and add it as a dependency.

Getting To Know Yeoman

Yeoman has a heart of gold. He's a person with feelings and opinions, but he's very easy to work with. If you think he's too opinionated, he can be easily convinced.

If you'd like to get to know Yeoman better check out the complete Getting Started Guide.

License

MIT