vue-component-creator

An Brainstorm Plugin to create single file vue.js components with a Sass file along them and complete vuex modules. This plugins does a couple of things in order to simplify your dev experience.

Install

Search for Vue Component Creator in the plugins settings. Or download the plugin from the release site

Customize Templates

In the settings you can define custom templates to use. Read here to learn what the default templates look like and what variables are available for your custom templates

Vue single file component

Right click in the project tree view where you want to place the new module. Then New File -> Vue Module. This will open a dialog to define the module's name. This name is used later to name the directory, vue- and sass-file as well as the sass root name, and a root node in the vue file with the given name.

Structure

• my-module
  • my-module.vue
  • _my-module.scss

Vuex module

By creating a new Vuex module, a couple of files will be generated.

Structure

• name
  • actions.js
  • index.js
  • mutations.js
  • state.js
  • mutation-types.js (depending whether you set the Mutationstypes File
  • getters.js (depending wether you checked Getters File

Icons

Icons provided by https://www.iconfinder.com/justicon via https://www.iconfinder.com