fms-form-design
简介 Element UI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中；也可导出JSON表单，使用配套的解析器将JSON解析成真实的表单。 - 【国内预览地址】 【国际预览地址
13,839
9,307
| Install | |
|---|---|
npm install fms-form-design |
|
| Latest Version: | 6.8.4 |
| Vue: | 2 |
| Last Updated: | Apr 13, 2023 |
| Links: | GitHub · npm |
Maintainer: xionglaifu
简介
Element UI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中；也可导出JSON表单，使用配套的解析器将JSON解析成真实的表单。
文档
- el-dialog的封装与调用
- 项目主要结构分析
- 【常见问题】如何以npm的方式集成monaco编辑器
- 系列教程： 《表单设计器 · 开发教程》 《表单解析器 · 开发教程》 《vue代码生成器 · 开发教程》 《vue代码预览器 · 开发教程》
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
PR鸣谢
捐赠
如果您觉得本项目对您有帮助，可以请作者喝一杯咖啡, 让开源走的更远，感谢支持。
也请您在捐赠后，加下qq群：976154366，私聊群主留个赞助链接。
开源协议
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 6.8.4 | ^2.6.10 | ||
| 6.8.3 | ^2.6.10 | ||
| 6.8.2 | ^2.6.10 | ||
| 6.8.1 | ^2.6.10 | ||
| 6.8.0 | ^2.6.10 | ||
| 6.7.9 | ^2.6.10 | ||
| 6.7.8 | ^2.6.10 | ||
| 6.7.7 | ^2.6.10 | ||
| 6.7.6 | ^2.6.10 | ||
| 6.7.5 | ^2.6.10 | ||
| 6.7.4 | ^2.6.10 | ||
| 6.7.3 | ^2.6.10 | ||
| 6.7.2 | ^2.6.10 | ||
| 6.7.1 | ^2.6.10 | ||
| 6.7.0 | ^2.6.10 | ||
| 6.6.9 | ^2.6.10 | ||
| 6.6.8 | ^2.6.10 | ||
| 6.6.7 | ^2.6.10 | ||
| 6.6.6 | ^2.6.10 | ||
| 6.6.5 | ^2.6.10 | ||
| 6.6.4 | ^2.6.10 | ||
| 6.6.3 | ^2.6.10 | ||
| 6.6.2 | ^2.6.10 | ||
| 6.6.1 | ^2.6.10 | ||
| 6.6.0 | ^2.6.10 | ||
| 6.5.9 | ^2.6.10 | ||
| 6.5.8 | ^2.6.10 | ||
| 6.5.7 | ^2.6.10 | ||
| 6.5.6 | ^2.6.10 | ||
| 6.5.5 | ^2.6.10 |
Showing the latest 30 of 249. See every release on npm
Pre-releases (1)
| Version | Released | Vue | License |
|---|---|---|---|
| 4.2.2-np | ^2.6.10 |