vue-cli-plugin-structure-generator

Vue CLI Structure Generator

A Vue CLI Plugin Add-on for Vue CLI Plugin Structure to generate components, views (opt. routes), filters, directives and mixins.

Getting Started with Structure Generator

# Add Generator in your vue cli project
vue add structure-generator

# Start using
$ yarn make
 
? What do you want to generate? #(Use arrow keys)
❯ Component
  View
  Store
  Mixin
  Directive

Shorthand generate commands

Shorthand commands give you the option to skip the prompt, it will also not generate imports in _globals.js files (for component, directive, filters and mixins), for views will it skip the route generator as wel.

Using Shorthand commands

yarn make --<type> [<name>]  

Examples:

# Generate component
yarn make --component button 

# Generate view
yarn make --view contact 

# Generate store
yarn make --store products 

# Generate filter
yarn make --filter uppercase 

# Generate directive
yarn make --directive focus 

# Generate mixin
yarn make --mixin scrollTo