vue-cli-plugin-vuex-orm-generator

Vuex Orm module generator

基本描述

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

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

• 面向typescript应用

• 使用hygen作为通用的代码生成工具

• 使用了@vuex-orm和vuex-pathify简化vuex的操作流程

• 所有的crud操作封装在ormPlugin的Query生命周期钩子里

• 实现零配置的Vuex状态、持久化数据lowdb的同步更新。

使用方法

• 如果没有，请使用vue-cli进行安装其他插件

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

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

$ vue add vue-cli-plugin-vuex-orm-generator

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

$ vue invoke vue-cli-plugin-vuex-orm-generator

自动生成的主要文件

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

存储入口文件 store/index.ts

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

基本的数据模型 api/models

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

api/lowdb

Store 插件，加入了orm

store/plugins/index.ts
store/plugins/ormPlugin.ts
store/plugins/lowedbPlugin.ts
store/plugins/pathify.ts

自动生成模型/模块/混入/组件

yarn new model
yarn new module
yarn new mixins
yarn new component-table
yarn new component-form

问题：

1. require.context is not functino error

Install @types/webpack-env and set tsconfig.json like this

{
    "types": {
        "webpack",
        "webpack-env",
    }
}

1. vue-tsx-support is not enabled

Use src/App.tsx as your app entry point

Set the typechecking in tsconfig

{
    "types": {
        "vue-tsx-support/enable-check",
        "webpack-env",
    }
}

借鉴：

vue-cli-plugin-vuex-module-generator

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