Vue表单快速开发：一键生成可视化表单代码插件

Posted 2022-01-04 沛沛老爹

前因后果

对于后端Java开发人员来讲，前端代码一直是个蹩脚的事情。

对于我们来讲，如果能够快速的生成表格，然后再简单的配置下vue的语法，把数据填充进去，就可以大大简化我们的开发难度，提升开发效率了。

那么，有没有可以自动生成表单的插件之类的呢？

放心，太阳底下没有新鲜事情。

你遇到的问题，其它的前辈们也遇到了，也帮你找到了解决方法。

社会我平头哥，人狠话不多。

在这里，给大家推荐一个结合了ElementUI的表单自动生成插件：form-generator。

form-generator

传送门

国内镜像：form-generator: Element UI表单设计及代码生成器

看之前，你可以先简单体验下：体验传送门

庐山真面目

特点 

勾搭简单，易上手

1、直接拖拽左边的控件

2、然后再在右边对控件（命名规范、CSS样式、提示语句、默认值）等进行设置

3、点击运行，就可以看到对应的源代码了。

还很人性化的，让你可以二选一。是不是很奥利给？

生成的代码，如果不满意，还可以进行定制哦

 你可以对源代码进行预览或调试之后，再下载对应的vue文件，复制到项目中。

或者你也可以直接复制源码到现有的项目文件中。

领导再也不用担心你的前端了。

它和element-UI完美结合，完全贴合国人的大众的审美标准。

是不是很心动了，心动就对了。

赶紧试一试呗，还等啥？