vue开源ElementUI表单设计及代码⽣成器在⽇常的开发⼯作中，表单开发是较为繁琐且重复的。本⽂介绍⼀个我⾃⼰写的，提⾼开发效率的⼩⼯具。
1 可视化设计器
设计器基于Element UI ，可通过点击或拖拽的⽅式设计基本表单，设计器⽣成的代码可直接运⾏在基于 Element 的 vue 项⽬中。
github仓库
码云仓库
演⽰地址
2 特点
可视化设计表单
⼀键⽣成原⽣的vue单页表单代码，保持100%拓展性
在线编辑器修改⽣成的代码，并实时预览
表单栅格化布局
⽀持表单校验
快速查阅组件的官⽅⽂档
3 vscode插件
在上⽂的设计器的基础上，封装了⼀个vscode插件。突破⽹页不能写⼊⽂件的限制。
安装插件请在vscode中搜索：
表单设计器怎么做
jakHuang
或
Form Generator Plugin
插件源码
插件使⽤的设计器源码
5 交流
QQ 976154366
关于前端和web开发的相关的问题都欢迎哦

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。