generator-batangularjs v1.2.7

BatAngularJs | Yeoman Generator

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).

:warning: This is just a study project and may be not safe for production.

Install

To use BatAngularJs you will need to:

Install yo

then install the generator:

$ npm install -g generator-batangularjs

Getting started

$ yo batangularjs

This will create the following architecture:

├── src/
│   ├── app/                             # The primary folder
│   |   ├── common/                      # Common module
│   |   │   └── common.module.js
│   |   ├── components/                  # components module
│   |   │   ├── components.module.js
│   |   │   └── home/                    # Home module
│   |   ├── 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

Subgenerators

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>]

Some examples

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