mrhieu / generator

Generate ES6 angularJS 1.x components and directives for a lazy guy like me

Lazy Generator

Get up and running

$ npm install -g lazy-generator

Or clone this project to your local then run

$ git clone [e-mail]:mrhieu/generator.git && cd generator
$ npm install -g
$ npm link

Usage

$ generator <framework> <type> <name> [dest]

Options:

-h, --help  output usage information

framework 'angularjs' or 'ionicReact'

type  'component' or 'directive' or 'react'

name  must be in camelCase

dest  by default it is `src/app/shared/components/` or `src/app/shared/reactWrappers/`

Example

AngularJS Component

$ generator angularjs component datePick

This will create a new folder src/app/shared/components/datePick

React component in Angularjs

$ generator angularjs react demoThisThat

This will create this folder structure

src/app/dashboard
    |--reactComponents
        |--demoThisThat
            |--demoThisThat.jsx
            |--demoThisThat.scss
src/app/shared
    |--reactWrappers
        |--demoThisThat
            |--demoThisThatWrapper.component.js
            |--demoThisThatWrapper.ctrl.js

To use the component in the View

  ...
  <demo-this-that-wrapper></demo-this-that-wrapper>

Ionic React Component

$ generator ionicReact component demoThisThat