8000 GitHub - dylan66ty/vue3-lowcode: vue3 + typescript + webpack + element-plus lowcode 可视化拖拽 可视化编辑器 visual editor 可视化搭建工具
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

vue3 + typescript + webpack + element-plus lowcode 可视化拖拽 可视化编辑器 visual editor 可视化搭建工具

License

Notifications You must be signed in to change notification settings

dylan66ty/vue3-lowcode

Repository files navigation

介绍

一个低代码平台的前端部分,靠拖拉拽生成页面的demo.

目前还只是一个简单的模板,后面可能会继续完善这个项目。感兴趣的小伙伴可以根据自己的需要去调整, 通过这个项目或许你可以接触到 vue3 很多有趣的新特性和玩法。

vue license

功能清单

  • 物料区组件预览
  • 从物料区拖拽组件到画布中渲染
  • 组件的复制、删除、查看、导入节点
  • 组件属性设置
  • 撤消、重做
  • 保存、预览
  • 画布 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
Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Electron
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 支持下吧。您的 star 是作者持续更新的动力。

License

MIT

About

vue3 + typescript + webpack + element-plus lowcode 可视化拖拽 可视化编辑器 visual editor 可视化搭建工具

Topics

Resources

License

Stars

Watchers

Forks

0