当前位置: 移动技术网 > IT编程>开发语言>JavaScript > vue开源Element UI表单设计及代码生成器

vue开源Element UI表单设计及代码生成器

2020年01月11日  | 移动技术网IT编程  | 我要评论

抽烟的兔子,黄金渔场130515,帕米贾尼诺

在日常的开发工作中,表单开发是较为繁琐且重复的。本文介绍一个我自己写的,提高开发效率的小工具。

1 可视化设计器

设计器基于element ui ,可通过点击或拖拽的方式设计基本表单, 设计器生成的代码可直接运行在基于 element 的 vue 项目中。

2 特点

  • 可视化设计表单
  • 一键生成原生的vue单页表单代码,保持100%拓展性
  • 在线编辑器修改生成的代码,并实时预览
  • 表单栅格化布局
  • 支持表单校验
  • 快速查阅组件的官方文档

3 vscode插件

 在上文的设计器的基础上,封装了一个vscode插件。突破网页不能写入文件的限制。

安装插件请在vscode中搜索:

jakhuang

form generator plugin

 

5 交流

  • qq群 976154366

关于前端和web开发的相关的问题都欢迎哦

 

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网