编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

懒人福利,可视化Element UI表单设计及代码生成器

wxchong 2024-07-18 09:34:38 开源技术 18 ℃ 0 评论

简介

form-generator 开源Element UI表单设计及代码生成器

github 地址:

https://github.com/JakHuang/form-generator

github star: 134+

最新版本:0.1.0,MIT 协议

主要技术栈

vue2

vue-cli4

element-ui

vuedraggable

功能列表

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






    本地开发

    # 下载源码
    
    git clone https://github.com/JakHuang/form-generator.git
    
    # 进入项目
    
    cd form-generator
    
    # 安装依赖
    
    npm install
    
    # 本地启动
    
    npm run dev
    
    # 本地编译
    
    npm run build

    (文档地址如下:)

    https://github.com/JakHuang/form-generator/wiki/el-dialog%E7%9A%84%E5%B0%81%E8%A3%85%E4%B8%8E%E8%B0%83%E7%94%A8

    文档主要内容:

    el dialog的封装与调用

    PS

    这个开源项目对常用的利用Element UI 的组件进行的页面开发来说已经够用,导出vue文件,然后手动删掉一些代码生成器多余的代码,就可以导入到自己的vue elementUI项目快速开发出页面,挺好的一个开源项目,哈哈懒人福利。

    Tags:

    本文暂时没有评论,来添加一个吧(●'◡'●)

    欢迎 发表评论:

    最近发表
    标签列表