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

Readme

Keywords

none

Package Sidebar

Install

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

Weekly Downloads

32

Version

0.2.3

License

MIT

Unpacked Size

67.5 kB

Total Files

65

Last publish

Collaborators

  • linuxing3