{"id":15024739,"url":"https://github.com/jakhuang/form-generator","last_synced_at":"2025-05-13T17:12:00.845Z","repository":{"id":37210797,"uuid":"230770468","full_name":"JakHuang/form-generator","owner":"JakHuang","description":":sparkles:Element UI表单设计及代码生成器","archived":false,"fork":false,"pushed_at":"2023-04-13T07:58:01.000Z","size":3965,"stargazers_count":9197,"open_issues_count":137,"forks_count":2183,"subscribers_count":140,"default_branch":"dev","last_synced_at":"2025-05-09T22:38:34.924Z","etag":null,"topics":["element-ui","form-designer","monaco-editor","vue","vue-jsx","vue-multipage","vue-render","vuejs"],"latest_commit_sha":null,"homepage":"https://jakhuang.github.io/form-generator","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/JakHuang.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2019-12-29T15:43:52.000Z","updated_at":"2025-05-09T10:44:58.000Z","dependencies_parsed_at":"2022-07-14T08:32:15.614Z","dependency_job_id":"be6e50df-4baa-45a1-8a48-69b79fc45515","html_url":"https://github.com/JakHuang/form-generator","commit_stats":{"total_commits":134,"total_committers":6,"mean_commits":"22.333333333333332","dds":"0.20895522388059706","last_synced_commit":"c4e20ad59a5590c396c9ac566254c4fe0e1c92aa"},"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JakHuang%2Fform-generator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JakHuang%2Fform-generator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JakHuang%2Fform-generator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JakHuang%2Fform-generator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JakHuang","download_url":"https://codeload.github.com/JakHuang/form-generator/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253990472,"owners_count":21995775,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["element-ui","form-designer","monaco-editor","vue","vue-jsx","vue-multipage","vue-render","vuejs"],"created_at":"2024-09-24T20:00:49.447Z","updated_at":"2025-05-13T17:11:55.832Z","avatar_url":"https://github.com/JakHuang.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"![image](https://ae01.alicdn.com/kf/U51bfb661aba945b48a4c71774421d414C.gif)\n## 简介\nElement UI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中；也可导出JSON表单，使用配套的解析器将JSON解析成真实的表单。 \n- 【[国内预览地址](https://mrhj.gitee.io/form-generator)】 【[国际预览地址](https://jakhuang.github.io/form-generator)】\n- 【[github仓库](https://github.com/JakHuang/form-generator)】 【 [码云仓库](https://gitee.com/mrhj/form-generator)】\n- [配套vscode插件](https://github.com/JakHuang/form-generator-plugin)\n- [配套JSON解析器](https://github.com/JakHuang/form-generator/blob/dev/src/components/parser/example/Index.vue)\n\n## 文档\n- [el-dialog的封装与调用](https://github.com/JakHuang/form-generator/wiki/el-dialog%E7%9A%84%E5%B0%81%E8%A3%85%E4%B8%8E%E8%B0%83%E7%94%A8)\n- [项目主要结构分析](https://github.com/JakHuang/form-generator/wiki/%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://github.com/JakHuang/monaco-vue-demo)\n- 系列教程：\n[《表单设计器 · 开发教程》](https://github.com/JakHuang/form-generator/issues/30)\n[《表单解析器 · 开发教程》](https://github.com/JakHuang/form-generator/issues/32)\n[《vue代码生成器 · 开发教程》](https://github.com/JakHuang/form-generator/issues/31)\n[《vue代码预览器 · 开发教程》](https://github.com/JakHuang/form-generator/issues/33)\n- [JSON表单参数对照表](https://github.com/JakHuang/form-generator/issues/46)\n\n## JSON解析器\n将保存在数据库中的JSON表单，解析成真实的表单  \n[查看在线示例](https://mrhj.gitee.io/form-generator/#/parser) \n```\n// 安装\nnpm i form-gen-parser\n```\n[更多信息](https://github.com/JakHuang/form-generator/tree/dev/src/components/parser) \n\n## vscode插件\n帮助使用element UI的开发者完成基本的表单代码搭建任务，减少重复的劳动。  \nvscode-plugin分支配套插件为：[form-generator-plugin](https://github.com/JakHuang/form-generator-plugin)；  \n使用插件可右键打开设计器，直接将代码保存到工程中。  \n安装插件请在vscode中搜索：\n\u003ejakHuang   \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/cli 4 最新版，同时支持电脑，手机，平板）](https://github.com/chuzhixin/vue-admin-beautiful)\n- **vue-admin-beautiful** —— [在线演示](http://beautiful.panm.cn/vue-admin-beautiful/#/index)\n- **pl-table** —— [完美解决 element 万级表格数据渲染卡顿问题](https://github.com/livelyPeng/pl-table)\n- **[go-admin](https://github.com/go-admin-team/go-admin)**\n\n\n## PR鸣谢\n- [IWANABETHATGUY](https://github.com/IWANABETHATGUY)\n\n## 捐赠\n#### 如果您觉得本项目对您有帮助，可以请作者喝一杯咖啡, 让开源走的更远，感谢支持。  \n#### 也请您在捐赠后，加下qq群：976154366，私聊群主留个赞助链接。\n\u003cimg src=\"https://ae01.alicdn.com/kf/H50d81220a202490f961878f42ed1a636i.jpg\"\u003e\n\n## 开源协议\n[MIT](https://opensource.org/licenses/MIT)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjakhuang%2Fform-generator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjakhuang%2Fform-generator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjakhuang%2Fform-generator/lists"}