前幾天有給大家分享一款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，就介紹到這裡。感興趣的小夥伴可以去試一試，不可錯過！