1 Star 0 Fork 475

sun04201277 / vue-ele-form-generator

forked from 张超杰 / f-render 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

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

MIT npm Netlify Status Star on GitHub

介绍

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

vue-ele-form-generator 演示图

特性

  • 提供vscode 插件更贴近日常开发
  • 可视化配置页面
  • 提供 vue-ele-form 全部基础组件 和 全部扩展组件
  • 支持组件属性点选配置
  • 支持本地启动, 告别被墙的痛苦
  • 服务器保存, 应用到项目
  • 基于项目的多表单管理, 省去二次开发
  • 数据持久化(刷新依然存在)
  • 一键生成配置 json 数据
  • 一键生成.vue 格式内容

帮助文章 Wiki

二次开发简单指导

如何将 vue form generator 集成到已有项目

如何将数据存到服务器

如何以守护进程的方式启动 cli 工具

安装 和 使用

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

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

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

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

第二种方式: 本地启动

# 安装
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
xzusoft

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

交流群

交流群

Contributors ✨

Thanks goes to these wonderful people (emoji key):


张超杰

📖 💻 🤔

Wisen

💻

IWANABETHATGUY

💻

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

MIT License Copyright (c) 2019 二当家的 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.m

简介

vue-ele-form-generator是专为vue-ele-form开发的可视化表单设计工具, 让表单开发的效率更上一层楼 展开 收起
JavaScript
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/sun041277/vue-ele-form-generator.git
git@gitee.com:sun041277/vue-ele-form-generator.git
sun041277
vue-ele-form-generator
vue-ele-form-generator
master

搜索帮助

14c37bed 8189591 565d56ea 8189591