1.检查npm -v版本和使用对应的vite安装vue3项目
需要安装依赖：npm install
运行：npm run dev
目录结构：
2.threejs官网：
3.安装threejs
4.准备3D模型素材(我这里使用glb格式)和HDR图片，素材网上可以找有免费的。
5.在App.vue中绑定id，挂载，实例化使用
6.在项目中的src目录下创建utils目录，在utils目录下创建Base3d.js脚本
效果展示：手机模型已经加载至场景中，背景是hdr图。
功能展示：用户可以滑动滚轮将模型进行放大缩小，场景360度无死角旋转。
1、THREEJS 官方网址： <u>https://threejs.org/。</u> threejs 通过封装WEBGL API 实现了在网页端直接进行三维3d模型渲染。应用场景包括：小游戏，在线展厅，DIY 互动等现代互联网应用，极具发展前景。
2、官方使用案例 https://threejs.org/examples/ ，可以直接套用。
以 <u>https://github.com/mrdoob/three.js/blob/master/examples/webgl_materials.html</u> 为例，讲解如何使用Threejs构建自己的应用：
步骤一、新建html页面。
3、如何在vue中引入THREEJS
步骤一、新建threejs 组件，ZeusStage.vue
步骤二、调用ZeusStage.vue组件
