0.9.1 • Published 10 years ago

generator-gulp-angular-subtask v0.9.1

Weekly downloads
6
License
MIT
Repository
github
Last release
10 years ago

generator-gulp-angular-subtask

A helper generator for gulp-angular generator

IMPORTANT NOTE: This subtask generator version was updated to fit generator-gulp-angular >= V0.11.*

If you are using previous versions please check at previous releases

Getting Started

Installation

  1. Create a project using generator-gulp-angular
  2. After you have a working project, install the generator-gulp-angular-subtask
npm install -g generator-gulp-angular-subtask
  1. Run yo gulp-angular-subtask and set your defaults
  2. Create subtasks following the examples below

Why should i use it?

For the time been, the great gulp-angular generator does not support sub tasks like controllers and directives. So i decided to build a helper generator that creates those tasks for me and thought about sharing it.

This project will be deprecated when the team decide to support this issue.

Usage:

I currently support these sub tasks:

Options

To see the options available you can always use the help option on a task

yo gulp-angular-subtask:[SUBTASK] --help

Note that script-type, style-type and html-type will override your default option for the current command, meaning it is not permanently.

These are the options available

  • --dest : Set a destination where to save the file
  • --component : Set the destination to be under the component library
  • --bundle : Create the task's file under a specific bundle instead of the file name
  • --script-type : Generate Coffee or JavaScript template file
  • --service-value: Set value for the value / constant service value, constant
  • --style-type : Generate a style file based on a type {scss, sass, less, styl} style
  • --html-type : Generate html or jade partial partial
  • --skip-test : Generate a task without it spec file

Please note that for the time been, gulp-angular does not support coffescript. I'm using my IDEA's file watcher to generate a corresponding js file.
Also note that you can combine multiple options together.

Examples

Default: { language: 'js', style: 'css', html: 'html' }

Controllers

  • To Create a controller

    yo gulp-angular-subtask:controller user

    Produces

    src/app/user/controllers/user-controller.js

  • Creating a controller under the components library

    yo gulp-angular-subtask:controller navbar --component

    Produces

    src/app/components/navbar/controllers/navbar-controller.js

  • Creating a coffee script controller

    yo gulp-angular-subtask:controller user --script-type=coffee

    Produces

    src/app/user/controllers/user-controller.coffee

  • Creating a controller under user specific library

    yo gulp-angular-subtask:controller user --dest=specific/location

    Produces

    src/specific/location/user-controller.js

  • Creating a user details controller under the user bundle

    yo gulp-angular-subtask:controller user-details --bundle=user

    Produces

    src/app/user/controllers/user-details-controller.js

  • Combining options

    yo gulp-angular-subtask:controller user-details --component --bundle=user --script-type=coffee

    Produces

    src/app/component/user/controllers/user-details-controller.coffee

Directives

  • To Create a Directive

    yo gulp-angular-subtask:directive user

    Produces

    src/app/user/directives/user-directive.js

  • Creating a directive under the components library

    yo gulp-angular-subtask:directive navbar --component

    Produces

    src/app/components/navbar/directives/navbar-directive.js

  • Creating a coffee script directive

    yo gulp-angular-subtask:directive user --script-type=coffee

    Produces

    src/app/user/directives/user-directive.coffee

  • Creating a directive under user specific library

    yo gulp-angular-subtask:directive user --dest="specific/location"

    Produces

    src/specific/location/user-directive.js

  • Creating a user-details directive under the user bundle

    yo gulp-angular-subtask:directive user-details --bundle=user

    Produces

    src/app/user/directives/user-details-directive.js

  • Combining options

    yo gulp-angular-subtask:directive user-details --component --bundle=user --script-type=coffee

    Produces

    src/app/component/user/controllers/user-details-controller.coffee

Factories, Services and Provides

These sub tasks works exactly like the controllers and directives sub tasks. Please take a look at their examples to understand how to use their options.

  • Creating a Factory

    yo gulp-angular-subtask:factory user-details

    Produces

    src/app/user-details/factories/user-details-factory.js

  • Creating a Service

    yo gulp-angular-subtask:service user-details

    Produces

    src/app/user-details/services/user-details-service.js

  • Creating a Provider

    yo gulp-angular-subtask:provider user-details

    Produces

    src/app/user-details/providers/user-details-provider.js

Values, Constants

  • Creating a Value

    yo gulp-angular-subtask:value user-id --bundle=user

    Produces

    src/app/user/values/user-id-value.js

  • Creating a Constant with value from the cmd

    yo gulp-angular-subtask:constant user-id --bundle=user --service-value=4343434

    Produces

    src/app/user/constants/user-id-constant.js with value of 4343434

Filters

These sub task works exactly like the controllers and directives sub tasks. Please take a look at their examples to understand how to use their options.

  • Creating a filter

    yo gulp-angular-subtask:filter myFilter

    Produces

    src/app/user/filters/myFilter-filter.js

Styles

  • Creating a css file

    yo gulp-angular-subtask:style user

    Produces

    src/app/user/styles/user.css

  • Creating a scss style

    yo gulp-angular-subtask:style user --style-type="scss"

    Produces

    src/app/user/styles/user.scss

Partials

  • Creating a partial

    yo gulp-angular-subtask:partial user

    Produces

    src/app/user/partials/user.html

  • Creating a jade partial

    yo gulp-angular-subtask:partial user --html-type=jade

    Produces

    src/app/user/partials/user.jade

License

MIT

0.9.1

10 years ago

0.9.0

10 years ago

0.8.0

10 years ago

0.7.1

11 years ago

0.7.0

11 years ago

0.6.0

11 years ago

0.5.2

11 years ago

0.5.1

11 years ago

0.5.0

11 years ago

0.4.4

11 years ago

0.4.3

11 years ago

0.4.2

11 years ago

0.4.1

11 years ago

0.4.0

11 years ago

0.3.1

11 years ago

0.3.0

11 years ago

0.2.0

11 years ago

0.1.2

11 years ago

0.1.1

11 years ago

0.1.0

11 years ago

0.0.0

11 years ago