Skip to content

目录结构(Vue3)版本

/src 入口文件

  • App.vue : 应用程序的根组件,包含路由视图和代码禁止调试判断
  • main.js : 应用程序入口文件,负责初始化 Vue 应用、挂载路由、挂载全局状态pinia、注入全局组件、注入全局方法、注入全局自定义指令。

/src/assets/* 静态资源文件

  • iconFont : 阿里妈妈图标库文件
  • image : 项目中使用的图片
  • previewIcon : 模型预览图片
  • textures : 地面贴图

/src/components/* 公共组件文件

  • Loading : loading 组件和自定义指令 loading
  • index.ts: 组件全局导出文件

/src/config/* 全局常量配置

  • constant : 常量文件
  • defaultModel : 模型、几何体、光源、颜色默认数据
  • echartsConfig : echarts 各类图表默认数据
  • propertyConfig : 模型属性可编辑值、几何体模型参数边界值配置、颜色选择器默认配置、材质类型、渲染器色调映射、场景阴影、场景背景、场景环境光、地面贴图、雾配置

/src/enums/* 全局枚举

  • indexDb : indexedDB枚举
  • enum : 全局枚举

/src/layouts/* 全局布局文件

  • RenderView : 渲染视图

/src/router/* 路由文件

  • index : 路由配置

/src/store/* 全局状态

  • indexDbStore : indexedDb 全局状态
  • sceneEditStore : 场景内容 Api 全局状态
  • pinia : pinia 注册

/src/style/* 全局样式

  • iconFont : 阿里妈妈图标库样式类
  • index : 入口文件
  • reset : 样式重置

/src/types/* 全局TypeScript类

  • global.d : 扩展 Vue 类型定义
  • indexDbTypes : indexedDB ts类
  • renderModelTypes : 全局 ts 类
  • rightPanelTypes : 全局 ts 类
  • three-css3d.d : 扩展 three.js CSS3DRenderer 类型定义
  • three-utils.d : 扩展 three.js SkeletonUtils 类型定义

/src/utils/* 全局函数类方法

  • directive : 自定义全局指令
  • globalComponent : 全局组组件创建方法
  • globalProperties : 全局方法创建函数
  • indexedDB : indexedDB 方法封装
  • renderScene : three.js API 操作方法封装
  • utils : 全局工具函数

/src/utils/historyModules/* 历史操作记录模块

  • command : 历史记录操作
  • index : 历史记录操作方法
  • transformCommand : 变换控制器操作记录

/src/utils/sceneModules/* three.js场景操作模块

  • animationModules : 动画模块
  • css3DRendererModules : 自定义 DOM(echarts) 节点模块
  • lightModules : 灯光模块
  • sceneModules : 场景模块
  • transformControlsModules : 变换控制器模块
  • weatherEffectsModules : 天气地面模块

/src/views/*

  • sceneEdit : 场景编辑页面
  • scenePreview : 场景预览页面

本文档内容版权属于threejs-3dmodel-edit作者,保留所有权利