本文推荐了四个基于Vue的表单设计器，包括基于vue+elementui的Form Generator，vue+ant-design-vue的k-form-design，支持iview、element-ui、ant-design-vue的form-create，以及vue+ElementUI的form-designer。这些设计器能够帮助开发者快速拖拽生成表单并导出JSON，简化前端开发流程。
日常开发时想要快速构建节省时间或者功能需求需要拖拽生成表单，推荐使用以下表单设计器。
1.基于vue+elementui 的表单设计及代码生成器
Form Generator
Element UI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中；也可导出JSON表单，使用配套的解析器将JSON解析成真实的表单。
码云仓库：form-generator: Element UI表单设计及代码生成器
演示地址：form-generator
安装依赖：
npm install
JSON解析器：
// 安装
npm i form-gen-parser
vscode插件form-generator-plugin
此项目将form-generator的vscode-plugin分支封装为一个vscode插件，拓展了form-generator的文件写入能力； 帮助使用element UI的开发者完成基本的表单代码搭建任务&
最低0.47元/天 解锁文章
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
