16、vite+vue3.2+three.js展示glb模型
vite官網(wǎng)地址:開(kāi)始 | Vite 官方中文文檔 (vitejs.dev)
首先使用yarn create vite搭建vue項(xiàng)目——》接著使用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
注意問(wèn)題:(1)(HelloWorld.vue里面采用vue2x語(yǔ)法。FbxModel.vue里面采用vue3語(yǔ)法。)
(2)必須清除style.css的樣式。再初始化樣式。
src/App.vue代碼——》
src/components/FbxModel.vue代碼——》
src/components/HelloWorld.vue代碼——》
瀏覽器顯示結(jié)果:

標(biāo)簽: