Generator-batangularjs is a awesome AngularJs generator, that scaffold your AngularJs application and give to you a awesome development kit with subgenerators, webpack, eslint, sass and ES2015 features!
Based on angular-cli and Todd Motto - AngularJS styleguide (ES2015).
To use BatAngularJs you will need to:
Install yo
then install the generator:
$ npm install -g generator-batangularjs
$ yo batangularjs
This will create the following architecture:
├── src/
│ ├── app/ # The primary folder
│ | ├── common/ # Common module
│ | │ └── common.module.js
│ | │ └── home/ # Home module
│ | ├── components/ # components module
│ | │ ├── components.module.js
│ | ├── app.component.js # The main component
│ | ├── app.module.js # The main module
│ | ├── app.scss # The main style file
├── index.html
├── webpack.config.js # https://webpack.js.org/ for more info
├── package.json
├── package-lock.json
├── .editorconfig # http://editorconfig.org/ for more info
├── .eslintrc.js # https://eslint.org/ for more info
├── .gitignore
└── .yo-rc.json # Define root of the project
- To start the application just hit:
$ npm start
- To run esling:
$ npm run lint
- To build the app run:
$ npm run build
You can use all the subgenerators above;
$ yo batangularjs:module <name> [--route|-r][--component|-c][--template|-t][--style|-s]
$ yo batangularjs:component <name> [--template|-t][--style|-s]
$ yo batangularjs:constant <name> [<value's value>]
$ yo batangularjs:directive <name>
$ yo batangularjs:filter <name>
$ yo batangularjs:service <name>
$ yo batangularjs:value <name> [<value's value>]
You can use [<folder>/]<name>
format to generate your files:
yo batangularjs:component components/newComponent
# This will generate:
# src/app/components/new-component/new-component.component.js
yo batangularjs:module common/newModule -rtcs
# This will generate:
# src/app/common/new-module/new-module.module.js
# src/app/common/new-module/new-module.component.js
# src/app/common/new-module/new-module.component.html
# src/app/common/new-module/new-module.component.scss
yo batangularjs:service components/fooBar/newService
# This will generate
# src/app/components/foo-bar/new-service.service.js
yo batangularjs:service newFilter
# This will generate
# src/app/new-filter.js
yo batangularjs:component common/newComponent -st
# This will generate:
# src/app/common/new-component/new-component.component.js
# src/app/common/new-component/new-component.component.html
# src/app/common/new-component/new-component.component.scss