# form-generator

**Repository Path**: bestnewcoding_admin/form-generator

## Basic Information

- **Project Name**: form-generator
- **Description**: Element UI表单设计及代码生成器
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://mrhj.gitee.io/form-generator
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1539
- **Created**: 2020-05-06
- **Last Updated**: 2022-05-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 简介
Element UI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中。 
- [github pages地址](https://jakhuang.github.io/form-generator)
- [gitee pages地址 较快](https://mrhj.gitee.io/form-generator)
- [github仓库](https://github.com/JakHuang/form-generator)
- [码云仓库](https://gitee.com/mrhj/form-generator)
- [配套vscode插件](https://github.com/JakHuang/form-generator-plugin)

![image](https://ae01.alicdn.com/kf/U51bfb661aba945b48a4c71774421d414C.gif)

## 特点
- 可视化设计表单
- 一键生成原生的vue单页表单代码，100%拓展性
- 在线编辑器修改生成的代码，并实时预览
- 表单栅格化布局
- 支持表单校验
- 快速查阅Element UI官方文档
- 配套vscode插件

## 插件
vscode-plugin分支配套插件为：[form-generator-plugin](https://github.com/JakHuang/form-generator-plugin)；  
使用插件可右键打开设计器，直接将代码保存到工程中。  
安装插件请在vscode中搜索：
>jakHuang   
或  
Form Generator Plugin


## 文档
- [el-dialog的封装与调用](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)
- [项目主要结构分析](https://github.com/JakHuang/form-generator/wiki/%E9%A1%B9%E7%9B%AE%E4%B8%BB%E8%A6%81%E7%BB%93%E6%9E%84%E5%88%86%E6%9E%90)

## 运行
- 确保已经安装node.js 10+
- 首次下载项目后，安装项目依赖：
```
yarn
```
或
```
npm install
```
- 本地开发
```
npm run dev
```
- 构建
```
npm run build
```

## 交流
- QQ群 976154366

## 开发计划
详见 [**迭代计划**](https://github.com/JakHuang/form-generator/projects/2)  
欢迎提交PR

## PR鸣谢
- [IWANABETHATGUY](https://github.com/IWANABETHATGUY)

## 捐赠
#### 如果您觉得本项目对您有帮助，可以请作者喝一杯咖啡, 让开源走的更远，感谢支持。  
#### 也请您在捐赠后，加下qq群：976154366，私聊群主留个赞助链接。
<img src="https://ae01.alicdn.com/kf/H50d81220a202490f961878f42ed1a636i.jpg">

## 开源协议
[MIT](https://opensource.org/licenses/MIT)