1 Star 0 Fork 444

hash_boy / vue-ele-form-generator

forked from 张超杰 / f-render 
Create your Gitee Account
Explore and code with more than 6 million developers,Free private repositories !:)
Sign up
Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

vue-ele-form-generator | vue-ele-form 的表单设计器

MIT npm All Contributors Netlify Status Star on GitHub

介绍

vue-ele-form-generator 是专为 vue-ele-form 开发的可视化表单设计工具, 并且支持vscode 插件cli 本地启动在线设计多种方式, 让表单开发的效率更上一层楼!

vue-ele-form-generator 演示图

特性

  • 提供vscode 插件更贴近日常开发
  • 可视化配置页面
  • 提供 vue-ele-form 全部基础组件 和 全部扩展组件
  • 支持组件属性点选配置
  • 支持本地启动, 告别被墙的痛苦
  • 数据持久化(刷新依然存在)
  • 一键生成配置 json 数据
  • 一键生成.vue 格式内容

安装 和 使用

第一步: 项目安装 vue-ele-form

本可视化项目是专为 vue-ele-form 组件开发的表单设计器, 如果想要在项目中使用生成的代码, 必须安装 vue-ele-form 组件, 点击查看;

第二步: 使用可视化设计表单

第一种方式: 在线设计地址(有点慢, 请耐心)

https://vue-ele-form-generator.netlify.com/

第二种方式: 本地启动

# 安装
yarn global add fgen-cli # 或 npm install -g fgen-cli
# 基本使用
fgen
# 指定端口
fgen -p 8080
# 更新
yarn global add fgen-cli # 或 npm update -g fgen-cli

第三种方式: vscode 插件

插件市场搜索: fgen-for-vscode, 或者点击链接

生态

Project Status Description
vue-ele-form npm 接基于 ElementUI 的数据驱动表单
vue-ele-form-generator npm 专为 vue-ele-form 开发的可视化表单设计工具
fgen-cli npm 本地启动vue-ele-form-generator的cli工具
fgen-for-vscode Visual Studio Marketplace Version vue-ele-form-generator 的 vscode 扩展
vue-ele-form-json-editor npm JSON 编辑器(vue-ele-form 扩展)
vue-ele-form-upload-file npm upload 文件上传组件(vue-ele-form 扩展)
vue-ele-form-image-uploader npm 上传图片增强组件(vue-ele-form 扩展)
vue-ele-form-tree-select npm 树形选择框组件(vue-ele-form 扩展)
vue-ele-form-table-editor npm 表格编辑器(vue-ele-form 扩展)
vue-ele-form-dynamic npm 动态表单(vue-ele-form 扩展)
vue-ele-form-video-uploader npm 上传视频增强组件(vue-ele-form 扩展)
vue-ele-form-quill-editor npm 富文本编辑器(vue-ele-form 扩展)
vue-ele-form-markdown-editor npm markdown 编辑器(vue-ele-form 扩展)
vue-ele-form-bmap npm 百度地图组件(vue-ele-form 扩展)
vue-ele-form-codemirror npm 代码编辑器(vue-ele-form-gallery 扩展)
vue-ele-form-gallery npm 图片/视频展示组件(vue-ele-form 扩展)

特别感谢赞助者

优客服
圣捷远创
damonnie

如果您觉得对您有所帮助, 可以请作者喝一杯咖啡, 让开源走的更远, 点击进入码云赞赏一下, 并加入下面交流群, 将链接发送给我

交流群

交流群

Contributors ✨

Thanks goes to these wonderful people (emoji key):


张超杰

📖 💻 🤔

Wisen

💻

This project follows the all-contributors specification. Contributions of any kind welcome!

Repository Comments ( 0 )

Sign in for post a comment

About

vue-ele-form-generator是专为vue-ele-form开发的可视化表单设计工具, 让表单开发的效率更上一层楼 expand collapse
JavaScript
MIT
Cancel

Releases

No release

Contributors

All

Activities

load more
can not load any more
JavaScript
1
https://gitee.com/hash_boy/vue-ele-form-generator.git
git@gitee.com:hash_boy/vue-ele-form-generator.git
hash_boy
vue-ele-form-generator
vue-ele-form-generator
master

Search

181749 a2d7925e 1850385 181749 9f8568a7 1850385