简介

Element UI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中；也可导出JSON表单，使用配套的解析器将JSON解析成真实的表单。

• 【国内预览地址】 【国际预览地址】
• 【github仓库】 【 码云仓库】
• 配套vscode插件
• 配套JSON解析器

文档

• el-dialog的封装与调用
• 项目主要结构分析
• 【常见问题】如何以npm的方式集成monaco编辑器
• 系列教程： 《表单设计器 · 开发教程》 《表单解析器 · 开发教程》 《vue代码生成器 · 开发教程》 《vue代码预览器 · 开发教程》
• JSON表单参数对照表

JSON解析器

将保存在数据库中的JSON表单，解析成真实的表单
查看在线示例

// 安装
npm i form-gen-parser

更多信息

vscode插件

帮助使用element UI的开发者完成基本的表单代码搭建任务，减少重复的劳动。
vscode-plugin分支配套插件为：form-generator-plugin；
使用插件可右键打开设计器，直接将代码保存到工程中。
安装插件请在vscode中搜索：

jakHuang
或
Form Generator Plugin

运行

• 确保已经安装node.js 10+
• 首次下载项目后，安装项目依赖：

yarn

或

npm install

• 本地开发

npm run dev

• 构建

npm run build

交流

• QQ群 976154366【已满】 1137173566【已满】 514953560【3群】

友情链接

• vue-admin-beautiful —— 企业级、通用型中后台前端解决方案（基于vue/cli 4 最新版，同时支持电脑，手机，平板）
• vue-admin-beautiful —— 在线演示
• pl-table —— 完美解决 element 万级表格数据渲染卡顿问题
• go-admin

PR鸣谢

• IWANABETHATGUY

捐赠

如果您觉得本项目对您有帮助，可以请作者喝一杯咖啡, 让开源走的更远，感谢支持。

也请您在捐赠后，加下qq群：976154366，私聊群主留个赞助链接。

开源协议

MIT