[工具推荐] element-ui表单设计/代码生成器

文章目录

    • 导读
    • form-generator
    • JFormDesigner
    • mxDev
    • 参考资料

导读

  • 日期: 2022-1-17

天下武功,唯快不破。写代码也是这样,在Coding业漫长的进化史中,各种框架层出不穷,程序猿们想了各种方案来帮助自己更快的完成自己的任务。

今天要分享的就是,基于国人自主开发element-ui的几个可视化代码生成器。

生成器各有特点,选择一个或者多个合适的就好。

form-generator

介绍

  • gitee星数:2.8K
  • gitee地址: https://gitee.com/mrhj/form-generator
  • 国内预览地址: https://mrhj.gitee.io/form-generator/#/
  • 支持vscode插件:form-generator-plugin

form-generator的关注人数很多,东西做的也很好,唯一觉得少点的就是支持的组件少了点。
[工具推荐] element-ui表单设计/代码生成器_第1张图片

JFormDesigner

介绍

  • gitee星数:19
  • gitee地址: https://gitee.com/83945105/jvue
  • 国内预览地址: http://83945105.gitee.io/jvue/jform/#/designer
  • 支持导入建表Sql
  • 支持多达37种控件(按需会持续添加),满足各种业务场景

这个关注数是真的少,不过用着跟form-generator很像,而组件数量比form-generator多了将近一倍。

[工具推荐] element-ui表单设计/代码生成器_第2张图片
[工具推荐] element-ui表单设计/代码生成器_第3张图片

mxDev

介绍

  • github星数(gitee上没有项目):13
  • github地址: https://github.com/jonenine/mxDev
  • 国内预览地址: 无
  • 支持vscode插件:mxDev

mxDev没有网页版本的,只支持vscode插件。

支持组件数量很多,包含layout、menu等组件。
[工具推荐] element-ui表单设计/代码生成器_第4张图片

参考资料

  • qq群:夜猫逐梦技术交流裙/953949723
    逐梦中原技术交流QQ群

你可能感兴趣的:(杂货铺,ui,vue.js,前端)