vue-cli-plugin-vuex-nedb-module-generator

Vuex module generator

基本描述

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

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

• 面向typescript应用

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

使用方法

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

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

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

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

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

$ 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

使用命名空间的存储模块

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

store/plugins/index.ts
store/plugins/PersistentPlugin.ts

自动生成的组件

components/Activity/ActivityCodeTable.ts
components/Activity/ActivityInfo.ts

借鉴：

vue-cli-plugin-vuex-module-generator