Appearance
项目介绍
介绍
参考了 Three.js 官方编辑器的设计模式,并进行了 Vue3 版本和 React 版本的实现。舍去了一部分官方编辑器的功能,并结合了实际 3D 相关开发的业务进行了功能的优化和扩展升级,提供了大模型场景内容加载和保存的优化解决方案。
同时项目对 Three.js 相关的操作方法进行了集中的模块化封装既保留了 Three.js 原生方法同时也降低了 Three.js 在当前主流框架(Vue3/React)中的使用难度。
技术栈
Vue3 版本
| 名称 | 版本 | 名称 | 版本 |
|---|---|---|---|
| Vue | 3.5.x | Echarts | 5.6.0 |
| Vite | 6.1.x | Three.js | 0.18x |
| Pinia | 2.3.x | Element-plus | 2.9.4 |
| Sass | 1.84.0 |
React 版本
| 名称 | 版本 | 名称 | 版本 |
|---|---|---|---|
| React | 18.3.x | Antd | 5.24.x |
| Vite | 6.1.x | Three.js | 0.18x |
| Zustand | 5.0.x | Less | 4.3.0 |
开发环境
| 名称 | 版本 | 名称 | 版本 |
|---|---|---|---|
| node | v24.2.0 | npm | 11.3.0 |
| pnpm | 10.12.1 | Mac/Windows | M4/11 |
安装/启动/打包
shell
pnpm install
pnpm serve
pnpm build:pro