[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8663":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":16,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":20,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":24,"readmeContent":25,"aiSummary":26,"trendingCount":16,"starSnapshotCount":16,"syncStatus":27,"lastSyncTime":28,"discoverSource":29},8663,"vue-form-making","GavinZhuLei\u002Fvue-form-making","GavinZhuLei","A visual form designer\u002Fgenerator base on Vue.js, make form development simple and efficient.（基于Vue的可视化表单设计器，让表单开发简单而高效。）","http:\u002F\u002Fform.making.link",null,"Vue",5573,1445,142,8,0,4,40.48,"MIT License",false,"master",true,[],"2026-06-12 02:01:56","# vue-form-making\n\n\u003Cp>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fvue\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fvue-2.6.5-brightgreen.svg\" alt=\"vue\">\n  \u003C\u002Fa>\n  \n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FElemeFE\u002Felement\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Felement--ui-2.9.1-brightgreen.svg\" alt=\"element-ui\">\n  \u003C\u002Fa>\n  \n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fform-making\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdt\u002Fform-making\" alt=\"downloads\">\n  \u003C\u002Fa>\n  \n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FGavinZhuLei\u002Fvue-form-making\u002Fblob\u002Fmaster\u002FLICENSE\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002FGavinZhulei\u002Fvue-form-making\" alt=\"license\">\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n[简体中文](.\u002FREADME.zh-CN.md) | English\n\nThe FormMaking developed base on [vue](https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fvue) and [element-ui](https:\u002F\u002Fgithub.com\u002FElemeFE\u002Felement), equipts with the latest front-end technology stack, built-in i18n internationalization solution, all of those are aimed at making developmemt simpler, and more efficiently.\n\n**This project is the base version, and if you need to experience the [Advanced](https:\u002F\u002Fform.making.link\u002F#\u002Fen-US\u002F), you can go to the advanced version, which provides more components and functionality, add support Vue3.**\n\n\n* [Preview](https:\u002F\u002Fform.making.link\u002Fbasic-version#\u002Fen-US\u002F)\n* [Development](https:\u002F\u002Fform.making.link\u002Fdocs\u002Fen\u002Fbv\u002Fguide.html)\n* [Components](https:\u002F\u002Fform.making.link\u002Fdocs\u002Fen\u002Fbv\u002Fcomponent.html)\n  * [MakingForm](https:\u002F\u002Fform.making.link\u002Fdocs\u002Fen\u002Fbv\u002Fcomponent.html#form-designer-makingform) (Quickly design the form page based on the visual operation.)\n  * [GenerateForm](https:\u002F\u002Fform.making.link\u002Fdocs\u002Fen\u002Fbv\u002Fcomponent.html#form-generator-generateform) (The generator will render a form page quickly base on the configuration json data captured in the designer.)\n* [Secondary Development](https:\u002F\u002Fform.making.link\u002Fdocs\u002Fen\u002Fbv\u002Fdevelop.html)\n\n## Feature\n\n* Visual configuration page\n* Provide grid layout and align with flex\n* One-click preview of configuration effects\n* One-click generation of configuration json data\n* One-click generate code, ready to run\n* Provide custom components to meet user's custom requirements\n* Provides a remote data interface for users to asynchronously fetch data\n* Provides powerful advanced components\n* Support for form validation\n* Get form data quickly\n* Internationalization support\n\n## Advanced version\n\nThe advanced version provides more functionality than the base version:\n\n\n* More beautiful pages;\n\n* Add fields quickly by clicking;\n\n* More property Settings, including data source and form events;\n\n* More control fields (subforms, custom components, etc.);\n\n* More layout containers and can be nested with each other (grids, tables, tabs);\n\n* More apis for more complex business needs;\n\n* Add custom fields, you can quickly introduce your own components;\n\n* Can quickly add custom styles;\n\n* Support data source, convenient form data configuration;\n\n* Support action events, which can make forms more flexible configuration;\n\n* Multi-terminal adaptation display;\n\n* Provides Ant Design-style components (modified by the introduction of ANTD Vue);\n\n* Support Vue3.\n\n[Click here](https:\u002F\u002Fform.making.link\u002F#\u002Fen-US\u002F).\n\n## Third-party plug-ins\n\n* [vuedraggable](https:\u002F\u002Fgithub.com\u002FSortableJS\u002FVue.Draggable)\n* [element-ui](https:\u002F\u002Fgithub.com\u002FElemeFE\u002Felement)\n* [ace](https:\u002F\u002Fgithub.com\u002Fajaxorg\u002Face)\n* [vue2-editor](https:\u002F\u002Fgithub.com\u002Fdavidroyer\u002Fvue2-editor)\n\n## Browsers support\n\nModern browsers and Internet Explorer 10+.\n\n| [\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Fedge\u002Fedge_48x48.png\" alt=\"IE \u002F Edge\" width=\"24px\" height=\"24px\" \u002F>](https:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003C\u002Fbr>IE \u002F Edge | [\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Ffirefox\u002Ffirefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" \u002F>](https:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003C\u002Fbr>Firefox | [\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Fchrome\u002Fchrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" \u002F>](https:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003C\u002Fbr>Chrome | [\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Fsafari\u002Fsafari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" \u002F>](https:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003C\u002Fbr>Safari |\n| --------- | --------- | --------- | --------- |\n| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions\n\n## Licenses\n\nMIT\n","vue-form-making 是一个基于 Vue.js 的可视化表单设计器，旨在简化并提高表单开发的效率。该项目利用了 Vue 和 Element-UI 框架，具备直观的配置页面、网格布局与 Flex 对齐、一键预览和生成 JSON 数据等核心功能，并支持自定义组件以满足特定需求。此外，它还提供了远程数据接口、强大的高级组件以及国际化支持。适合需要快速构建复杂表单的应用场景，如企业级应用的数据录入界面或后台管理系统中的表单设计。项目开源且采用 MIT 许可证，确保了广泛的可用性和灵活性。",2,"2026-06-11 03:19:10","top_language"]