Code Monkey home page Code Monkey logo

generator-batangularjs's Introduction

BatAngularJs | Yeoman Generator Build Status

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

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:

├── 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:services <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:
# app/components/new-component/new-component.component.js

yo batangularjs:module common/newModule -rtcs
# This will generate:
# app/common/new-module/new-module.module.js
# app/common/new-module/new-module.component.js
# app/common/new-module/new-module.component.html
# app/common/new-module/new-module.component.scss

yo batangularjs:service components/fooBar/newService
# This will generate
# app/components/foo-bar/new-service.service.js

yo batangularjs:service newFilter
# This will generate
# app/new-filter.js

yo batangularjs:component common/newComponent -st
# This will generate:
# app/common/new-component/new-component.component.js
# app/common/new-component/new-component.component.html
# app/common/new-component/new-component.component.scss

Contributing

Help me to improve this documentation.

Pull requests, helping others solving issues, among other tasks, are all valid, and more than welcome, contributions - don't hesitate.

generator-batangularjs's People

Contributors

mateuskoppe avatar

Watchers

James Cloos avatar Everton Dalla Corte avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.