简介
Element UI表单设计及代码生成器,可将生成的代码直接运行在基于Element的vue项目中;也可导出JSON表单,使用配套的解析器将JSON解析成真实的表单。
友情链接
- vue-admin-beautiful —— 企业级、通用型中后台前端解决方案(基于vue/cli 4 最新版,同时支持电脑,手机,平板)
- vue-admin-beautiful —— 在线演示
- pl-table —— 完美解决 element 万级表格数据渲染卡顿问题
文档
- el-dialog的封装与调用
- 项目主要结构分析
- 【常见问题】如何以npm的方式集成monaco编辑器
- 系列教程: 《表单设计器 · 开发教程》 《表单解析器 · 开发教程》 《vue代码生成器 · 开发教程》 《vue代码预览器 · 开发教程》
- JSON表单参数对照表
JSON解析器
将保存在数据库中的JSON表单,解析成真实的表单
查看在线示例
// 安装
npm i form-gen-parser
vscode插件
帮助使用element UI的开发者完成基本的表单代码搭建任务,减少重复的劳动。
vscode-plugin分支配套插件为:form-generator-plugin;
使用插件可右键打开设计器,直接将代码保存到工程中。
安装插件请在vscode中搜索:
jakHuang
或
Form Generator Plugin
运行
- 确保已经安装node.js 10+
- 首次下载项目后,安装项目依赖:
yarn
或
npm install
- 本地开发
npm run dev
- 构建
npm run build
交流
- QQ群 976154366【已满】 1137173566【已满】 514953560【3群】