表单设计器&代码生成器 - vuetify-form-generator

表单设计器&代码生成器 - vuetify-form-generator
插件名称 vuetify-form-generator
发布时间 2021年8月19日
插件作者 herodotus

Vuetify Form Generator表单设计及代码生成器,可将生成的代码直接运行在基于Vuetify的vue项目中;也可导出JSON表单,使用配套的解析器将JSON解析成真实的表单 ​​​​​

  • 本系统是基于 lerna 和 yarn workspaces 构建的, 使用monorepo 方式管理代码的模块化项目。
  • 基于 Vue 2.0 和 Vuetify 2.5.X 构建。高度组件化设计,通过修改配置和增加组件即可完成扩展。
  • 支持 VeeValidate 表单校验,通过属性面板进行动态配置。
  • 采用 localForage本地存储,支持 IndexedDB,WebSQL 和 localStorage 三种存储模式。
  • 组件库采用 rollup 进行编译,示例功能基于 vue webpack 方式运行。
  • 工程依赖、打包运行进行了全面的性能优化处理。

全局安装

// 请提前全局安装一下组件
npm install -g yarn
yarn global add lerna @vue/cli

运行启动

// 1、安装依赖
yarn install

或者

lerna bootstrap

// 2、启动服务
yarn ws:example serve

或者

yarn ws:example dev

// 3、访问地址
http://localhost:3000