创业两年半，做了一个H5搭建。疫情期间，挺不容易。
这是一个面向专业前端的H5搭建平台。
先列出概述，已约稿掘金作者体验。
一、功能与特性
可视化配置：
- 组件支持： HTML元素 / Vue组件（Vue2）
- 可视化配置 Vue directive：开启/关闭，配置选项
- 可视化配置 Vue slot：启用/关闭 optional slot，添加子组件，绑定 slot scope data
- 数据绑定：props 绑定，collection 数据多层级嵌套绑定（多层 v-for，context ）
- 事件配置：触发UI组件或功能组件的方法（method）、绑定当前事件参数（event）、设置数据（set state）、等待异步操作（await）并获取返回值、流程控制（if-else、for、break）
- 样式配置：十多个样式插件，总计上百个配置项
- 样式变量配置：全局样式变量配置、组件样式变量配置
- 组件内部样式配置：调整Vue组件内部结构样式（非props或css变量的公开配置）
可视化布局：
- 样式配置布局：block、flex、inline、absolute
- 层级调整：布局区拖动调整层级；组件树拖动调整层级；
- 占位组件：如 popup 组件可配置占位组件，用于未弹出状态时时操作它
- 替代组件：布局时或编辑时用其他组件代替当前组件
- popup 配置：组件自定义弹层编辑
- inplace编辑：在组件当前定位处配置，如双击编辑文字，通过 hook 实现，具体功能由组件配置指定。
- float toolbar：自定义操作（如快速添加子组件）、选择上级、复制、删除等
- 布局时样式：优先级最高，覆盖用户配置，仅用于布局（如控制 popup show/hide）
页面预览：
- 布局区预览（不解析事件操作）
- 快速预览：搭建器内 / 手机扫码 / 独立Tab（不生成代码，解析配置动态预览）
- 构建预览（与发布到生产环境的代码一致，域名是搭建器域名）
页面构建：
- 生成 Vue 源码
- 有一定可读性、可二次开发
- 除 Vue 外无额外运行时（有几个helper）
- 多页面、可选构建为 SPA（VueRouter）
- 可选尺寸适配单位： vw 或 rem
- 构建为小程序（实验性，目前只支持三个组件）
可扩展性：
- UI组件：无内置，纯外部安装
- 功能组件：无内置，纯外部安装（如jsbrdge、axios）
- 数据：任意结构的 JSON（可视化组织结构与编辑内容）
- 接口：可添加
- 组件配置：可自定义配置插件（弹出层形式，inplace形式）
- 组件样式配置（style）插件化：如布局配置、背景配置、尺寸配置
- 组件样式类（class）可扩展： css动画库、css类库
复用：
-
Vue2 组件接入：已接入 Vant 库，支持几乎所有属性配置（如多类型属性，function属性），无需修改组件源码。
-
功能组件接入：要求 umd 打包，可接入class（可配置实例化参数），static class，method（如接入 axios、jsbridge、event-tacking，无须修改代码）
-
专题模板
-
UI组件快照（包含嵌套的子组件）
-
功能组件快照
-
复制页面
组件接入：
-
组件配置JSON-Schema ：自动提示与校验（VSCode 编辑器原生支持）
-
可视化配置接入组件：开发中（30%）
二、界面展示：
UI布局及配置
样式配置
页面配置
功能组件列表及配置
数据配置
多层数据绑定（v-for）
事件配置
请求数据并等待结果，绑定返回结果
分支条件（if-else）
