基于 Five、Vreo、React、TypeScript 及 Vite 实现的 音视频导览讲解 前端开发脚手架。
# 拉取源码
git clone git@github.com:realsee-developer/vreo-vite-scaffold.git
# 切换目录
cd vreo-vite-scaffold
# 安装依赖
yarn install
# 执行
yarn run就绪后，访问 http://localhost:3000/ 可以查看调试页面。
.
├── components # 组件集
│ └── ResponsiveFullScreenFiveCanvas.tsx
├── data # 数据：演示用途，真实数据可能得通过 Ajax 方式异步获取
│ ├── floorplan.ts # 户型图数据
│ ├── vreo-units # VreoUnit 剧本数据
│ └── work # Work 数据(Five 渲染)
├── modules # 页面模块
│ ├── MainPanel # 底部主面板
│ ├── PanoFloorplanRadar # 全景户型雷达图
│ ├── PanoVreoTags # 全景 Vreo 标签
│ └── TopBar # 顶部栏
├── shared-utils # 公共工具集
├── stores # 基于 Mobx 管理的数据层
│ ├── MainPanelStore.ts # 底部主面板数u
│ └── index.tsx
└── vite-env.d.ts # vite 环境配置详见：@realsee/dnalogel:PanoFloorplanRadarPlugin，默认已集成至脚手架。
源码位置：resources/modules/PanoFloorplanRadar/index.tsx。
详见：@realsee/dnalogel:TreasurePlugin，默认已集成至脚手架。
源码位置：resources/modules/TreasureBox/index.tsx。
详见：@realsee/vreo，讲全屋和单品均有样例。
源码参考：