今天给大家分享一个vue.js低代码平台模板，靠拖拉拽生成页面。

visual-drag 使用 vue.js 开发构建的低代码（可视化拖拽）模板。实现了比较多丰富的功能。

功能清单

• 编辑器
• 自定义组件（文本、图片、矩形、圆形、直线、星形、三角形、按钮、表格、组合）
• 接口请求（通过接口请求组件数据）
• 组件联动
• 拖拽
• 删除组件、调整图层层级
• 放大缩小
• 撤消、重做
• 组件属性设置
• 吸附
• 预览、保存代码
• 绑定事件
• 绑定动画
• 拖拽旋转
• 复制粘贴剪切
• 多个组件的组合和拆分
• 锁定组件
• 网格线

快速开始

// 克隆项目
git clone https://github.com/woai3c/visual-drag-demo.git
// 安装依赖
npm i
// 运行
npm run dev
// 构建
npm run build

非常不错的一款低代码模板，如果大家对可视化拖拽模板感兴趣，可以去看看。

// 预览地址
https://woai3c.github.io/visual-drag-demo
// 仓库地址
https://github.com/woai3c/visual-drag-demo

好了，今天的分享就到这里。