vue-cli-plugin-vuex-orm-generator

Vuex store orm plugin generator for vue-cli 3

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
vue-cli-plugin-vuex-orm-generator
200.2.35 years ago5 years agoMinified + gzip package size for vue-cli-plugin-vuex-orm-generator in KB

Readme

Vuex Orm module generator

基本描述

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

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

  • 面向typescript应用

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

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

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

  • 实现零配置的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