前几天有给大家分享一款vue.js拖放布局设计器。今天再给大家分享一个很棒的Vue拖拽式生成移动端页面工具LubanH5。

h5maker基于vue.js拖拽布局设计器

luban-h5 基于 vue2.x 构建的可视化搭建、拖拽快速生成移动端页面平台，star高达2.6K+。类似易企秀、百度H5等平台。

演示视频

一个简单加载自定义轮播图组件的介绍视频，帮助大家更快上手项目。

功能特色

• 参考线、吸附线、组件对齐
• 拖拽改变组件形状
• 元素: 复制、删除、编辑（画布）
• 页面：新增、复制、删除
• 快速预览
• 撤销、重做

安装使用

# 克隆项目
git clone https://github.com/ly525/luban-h5.git

# 进入目录
cd luban-h5

# 安装依赖，构建前后端
./luban-h5.sh init

# 启动项目
./luban-h5.sh start

# ./luban-h5.sh stop

想提升下技术的同学可以去关注下哈，大家可以去动手试一试自定义组件。

# demo地址
https://h5.luban-h5.com/

# 文档地址
https://ly525.github.io/luban-h5/zh/

# 仓库地址
https://github.com/ly525/luban-h5

ok，就介绍到这里。感兴趣的小伙伴可以去试一试，不可错过！