Naughty Pterodactyl Maid

    vue-cli-plugin-vuex-orm-generator

    0.2.3 • Public • Published

    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

    Keywords

    none

    Install

    npm i vue-cli-plugin-vuex-orm-generator

    DownloadsWeekly Downloads

    112

    Version

    0.2.3

    License

    MIT

    Unpacked Size

    67.5 kB

    Total Files

    65

    Last publish

    Collaborators

    • linuxing3