Vuex module generator

基本描述

- vue-cli 3插件，用于生成 Vuex store 模块和相应组件

- 主要面向electron应用，存储nedb和lowdb的持久化数据到用户数据目录下的data文件夹内

- 面向typescript应用

- 使用了vuex-pathify简化操作流程

使用方法

- 使用vue-cli进行安装其他插件

``sh
$ vue add typescript
$ vue add vue-cli-plugin-electron-builder
`

- 使用vue-cli进行安装本插件

`sh
$ vue add vue-cli-plugin-vuex-nedb-module-generator
`

- 使用Invoke可生成新的存储模块和对应的组件:

`sh
$ vue invoke vue-cli-plugin-vuex-nedb-module-generator
? Where's your store's root directory? ./src/store
? Where's your component's root directory? ./src/components
? What's your router's path? ./src/router
? What's your new module's name? Activity
`

自动生成的主要文件

请注意：如果上述文件已经存在，将不覆盖现有文件

存储入口文件
store/index.ts

路由文件
router/index.ts
router/path.ts

基本的数据模型
store/Model/BaseModel.ts

使用命名空间的存储模块

`sh
store/modules/Base/index.ts
store/modules/Base/actions.nedb.ts
store/modules/Base/mutations.lowdb.ts
store/modules/Base/getters.ts
store/modules/code.ts
`

Db 的 API，主要在 actions 中异步调用

api/lowdb/index.ts

Store 插件，加入了 pathify 和 persistent

`sh
store/plugins/index.ts
store/plugins/PersistentPlugin.ts
`

自动生成的组件

`sh
components/Activity/ActivityCodeTable.ts
components/Activity/ActivityInfo.ts
``

借鉴：

vue-cli-plugin-vuex-module-generator