一个低代码平台的前端部分,靠拖拉拽生成页面的demo.
目前还只是一个简单的模板,后面可能会继续完善这个项目。感兴趣的小伙伴可以根据自己的需要去调整, 通过这个项目或许你可以接触到 vue3 很多有趣的新特性和玩法。
- 物料区组件预览
- 从物料区拖拽组件到画布中渲染
- 组件的复制、删除、查看、导入节点
- 组件属性设置
- 撤消、重做
- 保存、预览
- 画布 schema 导入、导出
- 嵌套拖拽
- 页面树
- 组件的事件
- 出码
# ssh
git clone git@github.com:dylan66ty/vue3-lowcode.git
# https
git clone https://github.com/dylan66ty/vue3-lowcode.git
pnpm install
pnpm run serve
pnpm run build
Edge |
Firefox |
Chrome |
Safari |
Electron |
---|---|---|---|---|
Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
- 编程语言:TypeScript
- 构建工具:Webpack
- 前端框架:Vue 3.x
- 路由工具:Vue Router 4.x
- UI 框架:Element Plus
- CSS 预编译:Sass
- CSS 框架:Tailwind
- 代码规范:ESLint、Prettier
- 自动部署:GitHub Actions
如果您觉得这个项目有帮助,请点个 star 支持下吧。您的 star 是作者持续更新的动力。