[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8629":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":23,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":33,"readmeContent":34,"aiSummary":35,"trendingCount":16,"starSnapshotCount":16,"syncStatus":36,"lastSyncTime":37,"discoverSource":38},8629,"form-generator","JakHuang\u002Fform-generator","JakHuang",":sparkles:Element UI表单设计及代码生成器","https:\u002F\u002Fjakhuang.github.io\u002Fform-generator",null,"Vue",9328,2164,140,108,0,3,8,41,"MIT License",false,"dev",true,[25,26,27,28,29,30,31,32],"element-ui","form-designer","monaco-editor","vue","vue-jsx","vue-multipage","vue-render","vuejs","2026-06-12 02:01:56","![image](https:\u002F\u002Fae01.alicdn.com\u002Fkf\u002FU51bfb661aba945b48a4c71774421d414C.gif)\n## 简介\nElement UI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中；也可导出JSON表单，使用配套的解析器将JSON解析成真实的表单。 \n- 【[国内预览地址](https:\u002F\u002Fmrhj.gitee.io\u002Fform-generator)】 【[国际预览地址](https:\u002F\u002Fjakhuang.github.io\u002Fform-generator)】\n- 【[github仓库](https:\u002F\u002Fgithub.com\u002FJakHuang\u002Fform-generator)】 【 [码云仓库](https:\u002F\u002Fgitee.com\u002Fmrhj\u002Fform-generator)】\n- [配套vscode插件](https:\u002F\u002Fgithub.com\u002FJakHuang\u002Fform-generator-plugin)\n- [配套JSON解析器](https:\u002F\u002Fgithub.com\u002FJakHuang\u002Fform-generator\u002Fblob\u002Fdev\u002Fsrc\u002Fcomponents\u002Fparser\u002Fexample\u002FIndex.vue)\n\n## 文档\n- [el-dialog的封装与调用](https:\u002F\u002Fgithub.com\u002FJakHuang\u002Fform-generator\u002Fwiki\u002Fel-dialog%E7%9A%84%E5%B0%81%E8%A3%85%E4%B8%8E%E8%B0%83%E7%94%A8)\n- [项目主要结构分析](https:\u002F\u002Fgithub.com\u002FJakHuang\u002Fform-generator\u002Fwiki\u002F%E9%A1%B9%E7%9B%AE%E4%B8%BB%E8%A6%81%E7%BB%93%E6%9E%84%E5%88%86%E6%9E%90)\n- [【常见问题】如何以npm的方式集成monaco编辑器](https:\u002F\u002Fgithub.com\u002FJakHuang\u002Fmonaco-vue-demo)\n- 系列教程：\n[《表单设计器 · 开发教程》](https:\u002F\u002Fgithub.com\u002FJakHuang\u002Fform-generator\u002Fissues\u002F30)\n[《表单解析器 · 开发教程》](https:\u002F\u002Fgithub.com\u002FJakHuang\u002Fform-generator\u002Fissues\u002F32)\n[《vue代码生成器 · 开发教程》](https:\u002F\u002Fgithub.com\u002FJakHuang\u002Fform-generator\u002Fissues\u002F31)\n[《vue代码预览器 · 开发教程》](https:\u002F\u002Fgithub.com\u002FJakHuang\u002Fform-generator\u002Fissues\u002F33)\n- [JSON表单参数对照表](https:\u002F\u002Fgithub.com\u002FJakHuang\u002Fform-generator\u002Fissues\u002F46)\n\n## JSON解析器\n将保存在数据库中的JSON表单，解析成真实的表单  \n[查看在线示例](https:\u002F\u002Fmrhj.gitee.io\u002Fform-generator\u002F#\u002Fparser) \n```\n\u002F\u002F 安装\nnpm i form-gen-parser\n```\n[更多信息](https:\u002F\u002Fgithub.com\u002FJakHuang\u002Fform-generator\u002Ftree\u002Fdev\u002Fsrc\u002Fcomponents\u002Fparser) \n\n## vscode插件\n帮助使用element UI的开发者完成基本的表单代码搭建任务，减少重复的劳动。  \nvscode-plugin分支配套插件为：[form-generator-plugin](https:\u002F\u002Fgithub.com\u002FJakHuang\u002Fform-generator-plugin)；  \n使用插件可右键打开设计器，直接将代码保存到工程中。  \n安装插件请在vscode中搜索：\n>jakHuang   \n或  \nForm Generator Plugin\n## 运行\n- 确保已经安装node.js 10+\n- 首次下载项目后，安装项目依赖：\n```\nyarn\n```\n或\n```\nnpm install\n```\n- 本地开发\n```\nnpm run dev\n```\n- 构建\n```\nnpm run build\n```\n## 交流\n- QQ群 976154366【已满】   1137173566【已满】   514953560【3群】\n\n## 友情链接\n\n- **vue-admin-beautiful** —— [企业级、通用型中后台前端解决方案（基于vue\u002Fcli 4 最新版，同时支持电脑，手机，平板）](https:\u002F\u002Fgithub.com\u002Fchuzhixin\u002Fvue-admin-beautiful)\n- **vue-admin-beautiful** —— [在线演示](http:\u002F\u002Fbeautiful.panm.cn\u002Fvue-admin-beautiful\u002F#\u002Findex)\n- **pl-table** —— [完美解决 element 万级表格数据渲染卡顿问题](https:\u002F\u002Fgithub.com\u002FlivelyPeng\u002Fpl-table)\n- **[go-admin](https:\u002F\u002Fgithub.com\u002Fgo-admin-team\u002Fgo-admin)**\n\n\n## PR鸣谢\n- [IWANABETHATGUY](https:\u002F\u002Fgithub.com\u002FIWANABETHATGUY)\n\n## 捐赠\n#### 如果您觉得本项目对您有帮助，可以请作者喝一杯咖啡, 让开源走的更远，感谢支持。  \n#### 也请您在捐赠后，加下qq群：976154366，私聊群主留个赞助链接。\n\u003Cimg src=\"https:\u002F\u002Fae01.alicdn.com\u002Fkf\u002FH50d81220a202490f961878f42ed1a636i.jpg\">\n\n## 开源协议\n[MIT](https:\u002F\u002Fopensource.org\u002Flicenses\u002FMIT)\n","JakHuang\u002Fform-generator 是一个基于 Element UI 的表单设计及代码生成器。它支持通过可视化界面快速设计表单，并能自动生成可直接运行在基于 Element 的 Vue 项目中的代码，同时也支持导出 JSON 格式的表单数据并通过配套的解析器将其转换为实际的表单组件。该项目利用了 Monaco Editor 来提供强大的代码编辑体验，并且提供了 VSCode 插件来进一步简化开发流程。适用于需要高效构建和管理复杂表单的应用场景，特别是对于那些已经采用或计划采用 Vue.js 和 Element UI 技术栈的开发者来说，能够显著提高生产力。",2,"2026-06-11 03:19:01","top_language"]