form generator ——Element UI表单设计及代码生成器

喜欢ヅ旅行 2021-07-25 13:07 1766阅读 0赞

# form generator #

Element UI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中。

网站地址:[https://mrhj.gitee.io/form-generator/\#/][https_mrhj.gitee.io_form-generator]  
GitHub:[https://gitee.com/mrhj/form-generator][https_gitee.com_mrhj_form-generator]  
网站描述:vue开源Element UI表单设计及代码生成器

<table> 
 <thead> 
  <tr> 
   <th>特点</th> 
   <th>插件</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>可视化设计表单</td> 
   <td>vscode-plugin分支配套插件为：form-generator-plugin</td> 
  </tr> 
  <tr> 
   <td>一键生成原生的vue单页表单代码</td> 
   <td>使用插件可右键打开设计器</td> 
  </tr> 
  <tr> 
   <td>100%拓展性</td> 
   <td>直接将代码保存到工程中</td> 
  </tr> 
  <tr> 
   <td>在线编辑器修改生成的代码并实时预览</td> 
   <td>安装插件请在vscode中搜索：jakHuang或Form Generator Plugin</td> 
  </tr> 
  <tr> 
   <td>表单栅格化布局</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>支持表单校验</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>快速查阅Element UI官方文档</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>配套vscode插件</td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

使用方法：  
从gitHub下载代码，然后执行：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][20200525100434285.gif_pic_center]

[https_mrhj.gitee.io_form-generator]: https://mrhj.gitee.io/form-generator/#/
[https_gitee.com_mrhj_form-generator]: https://gitee.com/mrhj/form-generator
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70]: /images/20210725/8fae6802d93c41f4acb84a9af46eecac.png
[20200525100434285.gif_pic_center]: /images/20210725/cf1c213b7b8940189be398434aa6cbfb.png