cuitymiko / vite-vue3-lowcode

vue3.x vite2.x H5低代码平台 lowcode 可视化拖拽 可视化编辑器 visual editor

Vite2.x + Vue3.x + TypeScript H5低代码平台

技术栈

• 编程语言：TypeScript 4.x + JavaScript
• 构建工具：Vite 2.x
• 前端框架：Vue 3.x
• 路由工具：Vue Router 4.x
• 状态管理：Vuex 4.x
• PC端UI 框架：Element Plus
• H5端UI 框架：vant
• CSS 预编译：Stylus / Sass / Less
• HTTP 工具：Axios
• Git Hook 工具：husky + lint-staged
• 代码规范：EditorConfig + Prettier + ESLint + Airbnb JavaScript Style Guide
• 提交规范：Commitizen + Commitlint
• 单元测试：vue-test-utils + jest + vue-jest + ts-jest
• 自动部署：GitHub Actions

功能清单

• 动态添加页面
• 拖拽式生成组件
• service worker + indexeddb 实现无服务端的前端交互
• 数据源管理
• 提供预置函数
• 更多组件的封装
• 其他...

简易说明

目前在使用表单时，需要把相关的表单控件放到表单容器内部，并且需要将按钮放到表单容器内， 然后再讲按钮的type设置为表单提交按钮这时候点击提交按钮才会自动收集表单容器内部的所有字段和值

快速开始

安装依赖

npm install
# or
yarn add

启动项目

npm run dev

项目打包

npm run build