{"id":13417535,"url":"https://github.com/buqiyuan/vite-vue3-lowcode","last_synced_at":"2025-05-14T20:04:35.566Z","repository":{"id":37627467,"uuid":"359364505","full_name":"buqiyuan/vite-vue3-lowcode","owner":"buqiyuan","description":"vue3.x + vite2.x + vant + element-plus H5移动端低代码平台 lowcode 可视化拖拽 可视化编辑器 visual editor 类似易企秀的H5制作、建站工具、可视化搭建工具","archived":false,"fork":false,"pushed_at":"2024-08-20T10:54:56.000Z","size":3629,"stargazers_count":3279,"open_issues_count":27,"forks_count":795,"subscribers_count":96,"default_branch":"main","last_synced_at":"2025-04-03T05:08:59.966Z","etag":null,"topics":["demo","design","drag-and-drop","draggable","element-plus","element-ui","low-code","lowcode","monaco-editor","nocode","ts","tsx","typescript","vant-ui","vite","vue","vue-router4","vue3","vuex4"],"latest_commit_sha":null,"homepage":"https://buqiyuan.github.io/vite-vue3-lowcode","language":"TypeScript","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/buqiyuan.png","metadata":{"files":{"readme":"README.EN.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-04-19T07:16:18.000Z","updated_at":"2025-04-02T00:58:24.000Z","dependencies_parsed_at":"2022-07-14T03:50:28.725Z","dependency_job_id":"6e7f681b-b8d8-446a-ba86-4fb370cb2690","html_url":"https://github.com/buqiyuan/vite-vue3-lowcode","commit_stats":{"total_commits":42,"total_committers":3,"mean_commits":14.0,"dds":0.04761904761904767,"last_synced_commit":"035663eb3b8198404245f68df49fe00799ca27c3"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buqiyuan%2Fvite-vue3-lowcode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buqiyuan%2Fvite-vue3-lowcode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buqiyuan%2Fvite-vue3-lowcode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buqiyuan%2Fvite-vue3-lowcode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/buqiyuan","download_url":"https://codeload.github.com/buqiyuan/vite-vue3-lowcode/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248197535,"owners_count":21063620,"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":["demo","design","drag-and-drop","draggable","element-plus","element-ui","low-code","lowcode","monaco-editor","nocode","ts","tsx","typescript","vant-ui","vite","vue","vue-router4","vue3","vuex4"],"created_at":"2024-07-30T22:00:39.628Z","updated_at":"2025-04-10T09:50:35.541Z","avatar_url":"https://github.com/buqiyuan.png","language":"TypeScript","funding_links":[],"categories":["Projects Using Vite.js","实战项目","TypeScript","精选 LessCode 项目"],"sub_categories":["Apps/Websites","低代码项目"],"readme":"# base on Vite2.x + Vue3.x + TypeScript H5 Low code platform\n\n[![license](https://img.shields.io/github/license/buqiyuan/vite-vue3-lowcode.svg)](LICENSE)\n\n**English** | [中文](./README.md)\n\n## Clone the main branch and ignore irrelevant branches such as git-pages\n\n```shell\ngit clone --single-branch https://github.com/buqiyuan/vite-vue3-lowcode.git\n```\n\n## technology stack\n\n- Programming Language：[TypeScript 4.x](https://www.typescriptlang.org/zh/) + [JavaScript](https://www.javascript.com/)\n- Build Tools：[Vite 2.x](https://cn.vitejs.dev/)\n- Front End Frame：[Vue 3.x](https://v3.cn.vuejs.org/)\n- Subnet Calculator：[Vue Router 4.x](https://next.router.vuejs.org/zh/index.html)\n- State Management：[Vuex 4.x](https://next.vuex.vuejs.org/)\n- PC UI Frame：[Element Plus](https://element-plus.org/#/zh-CN)\n- H5 UI Frame：[vant](https://vant-contrib.gitee.io/vant/v3/#/zh-CN/)\n- CSS Pre：[Stylus](https://stylus-lang.com/) / [Sass](https://sass.bootcss.com/documentation) / [Less](http://lesscss.cn/)\n- HTTP Tool：[Axios](https://axios-http.com/)\n- Git Hook 工具：[husky](https://typicode.github.io/husky/#/) + [lint-staged](https://github.com/okonet/lint-staged)\n- Coding Standards：[EditorConfig](http://editorconfig.org) + [Prettier](https://prettier.io/) + [ESLint](https://eslint.org/) + [Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript#translation)\n- Submit Specifications：[Commitizen](http://commitizen.github.io/cz-cli/) + [Commitlint](https://commitlint.js.org/#/)\n- Unit Testing：[vue-test-utils](https://next.vue-test-utils.vuejs.org/) + [jest](https://jestjs.io/) + [vue-jest](https://github.com/vuejs/vue-jest) + [ts-jest](https://kulshekhar.github.io/ts-jest/)\n- Auto Deploy：[GitHub Actions](https://docs.github.com/cn/actions/learn-github-actions)\n\n### Function List\n\n- [x] Add pages dynamically\n- [x] Drag and drop components\n- [ ] service worker + indexeddb Implement server-free front-end interaction\n- [ ] DataSource Admin Console\n- [ ] Provide preset functions\n- [ ] More component encapsulation\n- [ ] Others...\n\n### Generate component properties quickly\n\n```javascript\n// 在vant文档中 chrome控制台输入以下代码，快速生成组件属性\nlet propObj = {\n  string: (config) =\u003e `createEditorInputProp(${JSON.stringify(config)})`,\n  number: (config) =\u003e `createEditorInputNumberProp(${JSON.stringify(config)})`,\n  boolean: (config) =\u003e `createEditorSwitchProp(${JSON.stringify(config)})`\n}\n\nJSON.stringify(\n  $$('#props + table tbody tr').reduce((prev, curr) =\u003e {\n    const children = curr.children\n    const key = children[0].textContent.replace(/-([a-z])/g, (all, i) =\u003e i.toUpperCase())\n    const child3Text = children[3].textContent\n    const defaultValue = ['true', 'false'].includes(child3Text)\n      ? child3Text\n      : `'${child3Text == '-' ? '' : child3Text}'`\n    const value = (propObj[children[2].textContent] ?? propObj['string'])({\n      label: `'${children[1].textContent}'`,\n      defaultValue\n    }).replaceAll('\"', '')\n    prev[key] = value\n    return prev\n  }, {})\n).replaceAll('\"', '')\n```\n\n```javascript\n// 在vant文档中 chrome控制台输入以下代码，快速生成组件事件\nJSON.stringify(\n  $$('#events + table tbody tr').reduce((prev, curr) =\u003e {\n    const children = curr.children\n    const event = {\n      label: children[1].textContent,\n      value: children[0].textContent\n    }\n    return prev.concat([event])\n  }, [])\n)\n  .replaceAll(/(?\u003c!:)\\\"(?!,|})/g, '')\n  .replace(/\\\"/g, \"'\")\n```\n\n## Browser support\n\nThe `Chrome 80+` browser is recommended for local development\n\nSupport modern browsers, not IE\n\n| [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\" Edge\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eIE | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\" Edge\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eEdge | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eFirefox | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eChrome | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eSafari |\n| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |\n|                                                                                             not support                                                                                              |                                                                                            last 2 versions                                                                                             |                                                                                                  last 2 versions                                                                                                  |                                                                                                last 2 versions                                                                                                |                                                                                                last 2 versions                                                                                                |\n\n### Git Contribution submission specification\n\n- `feat` Add new features\n- `fix` Fix the problem/BUG\n- `style` The code style is related and does not affect the running result\n- `perf` Optimization/performance improvement\n- `refactor` Refactor\n- `revert` Undo edit\n- `test` Test related\n- `docs` Documentation/notes\n- `chore` Dependency update/scaffolding configuration modification etc.\n- `workflow` Workflow improvements\n- `ci` Continuous integration\n- `types` Type definition file changes\n- `wip` In development\n\n## QUICK START\n\n### Install and use\n\n```sh\nnpm install\n# or\nyarn add\n```\n\n### run\n\n```sh\nnpm run dev\n```\n\n### build\n\n```sh\nnpm run build\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbuqiyuan%2Fvite-vue3-lowcode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbuqiyuan%2Fvite-vue3-lowcode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbuqiyuan%2Fvite-vue3-lowcode/lists"}