欢迎光临散文网 会员登陆 & 注册

16、vite+vue3.2+three.js展示glb模型

2023-03-15 19:32 作者:王钟泽  | 我要投稿

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代码——》

浏览器显示结果:


16、vite+vue3.2+three.js展示glb模型的评论 (共 条)

分享到微博请遵守国家法律