vue component creator plugin

Vue-Component-Creator

一个头脑风暴插件来创建单个文件vue.js组件，并沿它们沿着SASS文件和完整的VUEX模块。该插件会做几件事，以简化您的开发经验。

安装

在插件设置中搜索Vue Component Creator 。或从发布网站下载插件

vue单文件组件

右键单击“项目树视图”中要放置新模块的位置。然后New File - > Vue Module 。这将打开一个对话框来定义模块的名称。此名称稍后用来命名目录，vue-和sass-file以及sass root名称，以及带有给定名称的vue文件中的root节点。

结构

• componentName
  • _component-name.scss
  • component-name.md
  • component-name.vue
  • 组件 - name.stories.js
  • component-name.spec.js

Vuex模块

通过创建新的VUEX模块，将生成几个文件。

结构

• 模块名称
  • Actions.js
  • index.js
  • 突变
  • state.js
  • 突变型类型（取决于您是否设置Mutationstypes File
  • getters.js（取决于您检查的Getters File
  • types.d.ts

自定义模板

成分

可用的模板变量

多变的	例子	描述
componentName	my-module	组件的名称
组成症	myModule	骆驼中的组件的名称
componentnamepascalcase	MyModule	骆驼中的组件的名称
CreateMarkDown	0 / 1	是否创建了Markdown文件

vuex

可用的模板变量

多变的	例子	描述
componentName	my-module	组件的名称
组成症	myModule	骆驼中的组件的名称
componentnamepascalcase	MyModule	骆驼中的组件的名称
突变文件	./mutation-types.js	对突变的filepath
财产	data	要创建的属性名称
getTername	getData	getter函数名称
PropertyType	string	属性类型
getters	0 / 1	创建Getters
Useinterface	0 / 1	创建带有类型定义的打字稿文件
创建类型	0 / 1	是否创建自定义突变类型文件
ActionName	setData	动作的名称
突变名称	SET_DATA	突变类型的名称
tsinterfaceName	MyModuleState	打字稿状态接口名称的名称

发展

查看设置的开发设置指南。

图标

https://www.iconfinder.com/justicon提供的图标通过https://www.iconfinder.com