更新记录

1.0.7(2020-07-16)

v1.0.7

  • 【修复】删除自用组件Module模板多余参数

1.0.6(2020-07-13)

v1.0.6

  • (新增)支持动态添加参数生成对应的模板代码(在原有initialState方法中添加参数,右键点击VuexModuleTool--VuexModuleFormat即可生成参数对应的模板代码)
查看更多

HBuilderX插件通用注意事项

HBuilderX-2.7.12以下版本安装插件市场内的插件后,卸载时需手动卸载,详细教程参考:如何手动卸载插件


VuexModuleTool For HBuilderX

VuexModule生成工具

使用步骤:

普通Module模板:

  1. 新建js文件后,在编辑器中右键--选择VuexModuleTool--点击VuexModuleInit,生成模板代码
  2. 在模板代码顶部initialState方法中添加module参数
  3. 在编辑器中右键--选择VuexModuleTool--点击VuexModuleFormat,生成参数对应的模板代码

列表中cell组件vue文件模板及组件对应module模板(自用)

  1. 在components文件夹新建组件--勾选“生成同名文件夹”--打开新建的.vue文件,编辑器中右键--选择VuexModuleTool--点击ComponentInit,生成带getter的cell模板

    注意:组件名称必须为“组件名-cell”

  2. 在store/modules路径下新建对应“组件名”文件夹(不带cell),文件夹下新建index.js文件,打开index.js,在编辑器中右键--选择VuexModuleTool--点击ComponentsModuleInit,生成模板代码

自用功能说明

自用部分模板为列表中的item组件模板,目前仅用于方便自己开发

如想使用自用部分需在store/modules添加一个批量引入module的js文件,该文件代码如下:

const modules = {};

const requireModule = require.context('.', true, /\.\/[a-zA-Z0-9\-]+?\/index.js/);

requireModule.keys().forEach(fileName => {
    const moduleName = fileName.replace(/(\.\/|\/index\.js)/g, '')
                            .replace(/^\w/, c => c.toUpperCase());
    modules[moduleName] = requireModule(fileName).default;
})

export default modules;

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问