16、vite+vue3.2+three.js展示glb模型
vite官网地址:开始 | Vite 官方中文文档 (vitejs.dev)
首先使用yarn create vite搭建vue项目——》接着使用yarn add three (安装three.js)——》(清除src\App.vue和src\components\HelloWorld.vue里面的代码——》接着清除src\style.css里面的代码——》
视频地址:https://www.bilibili.com/video/BV1JN411F74X?p=22&vd_source=ae8c8995973977d7e849b8e10a24c7bd
注意问题:(1)(HelloWorld.vue里面采用vue2x语法。FbxModel.vue里面采用vue3语法。)
(2)必须清除style.css的样式。再初始化样式。
src/App.vue代码——》
src/components/FbxModel.vue代码——》
src/components/HelloWorld.vue代码——》
浏览器显示结果:
