Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
JakHuang authored May 12, 2020
1 parent 31e990a commit d7332d4
Showing 1 changed file with 12 additions and 31 deletions.
43 changes: 12 additions & 31 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,23 +1,20 @@
![image](https://ae01.alicdn.com/kf/U51bfb661aba945b48a4c71774421d414C.gif)
## 简介
Element UI表单设计及代码生成器,可将生成的代码直接运行在基于Element的vue项目中;也可导出JSON表单,使用配套的解析器将JSON解析成真实的表单。
- [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)
-[国内预览地址](https://mrhj.gitee.io/form-generator)】 【[国际预览地址](https://jakhuang.github.io/form-generator)
-[github仓库](https://github.com/JakHuang/form-generator)】 【 [码云仓库](https://gitee.com/mrhj/form-generator)
- [配套vscode插件](https://github.com/JakHuang/form-generator-plugin)
- [配套JSON解析器](https://github.com/JakHuang/form-generator/blob/dev/src/components/parser/example/Index.vue)

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

## 特点
- 可视化设计表单
- 一键生成原生的vue单页表单代码,100%拓展性
- 在线编辑器修改生成的代码,并实时预览
- 表单栅格化布局
- 支持表单校验
- 快速查阅Element UI官方文档
- 配套vscode插件
- 配套JSON解析器
## 文档
- [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)
- [【常见问题】如何以npm的方式集成monaco编辑器](https://github.com/JakHuang/monaco-vue-demo)
- 系列教程:
[《表单设计器 · 开发教程》](https://github.com/JakHuang/form-generator/issues/30)
[《表单解析器 · 开发教程》](https://github.com/JakHuang/form-generator/issues/32)
[《vue代码生成器 · 开发教程》](https://github.com/JakHuang/form-generator/issues/31)
[《vue代码预览器 · 开发教程》](https://github.com/JakHuang/form-generator/issues/33)

## JSON解析器
将保存在数据库中的JSON表单,解析成真实的表单
Expand All @@ -36,18 +33,6 @@ vscode-plugin分支配套插件为:[form-generator-plugin](https://github.com/
>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)
- [【常见问题】如何以npm的方式集成monaco编辑器](https://github.com/JakHuang/monaco-vue-demo)
- 系列教程:
[《表单设计器 · 开发教程》](https://github.com/JakHuang/form-generator/issues/30)
[《表单解析器 · 开发教程》](https://github.com/JakHuang/form-generator/issues/32)
[《vue代码生成器 · 开发教程》](https://github.com/JakHuang/form-generator/issues/31)
[《vue代码预览器 · 开发教程》](https://github.com/JakHuang/form-generator/issues/33)

## 运行
- 确保已经安装node.js 10+
- 首次下载项目后,安装项目依赖:
Expand All @@ -66,13 +51,9 @@ npm run dev
```
npm run build
```

## 交流
- QQ群 976154366

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

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

0 comments on commit d7332d4

Please sign in to comment.