（1）項(xiàng)目文件下載地址：

鏈接：https://pan.baidu.com/s/1cYxidMOsxuRN2PBRDVLlbQ?

提取碼：utjm?

--來自百度網(wǎng)盤超級會員V3的分享

（2）視頻地址：看本人主頁。

（3）運(yùn)行方法：我沒有將依賴刪除，所以下載解壓后，直接cmd打開three文件，輸入yarn dev運(yùn)行。

1、項(xiàng)目文件創(chuàng)建

桌面創(chuàng)建vite02文件夾——》接著cmd打開——》使用yarn create vite創(chuàng)建vue3.2項(xiàng)目，接著輸入yarn add vue-router，yarn add three， yarn add ?less less-loader@7.2.1安裝所需要的插件——》接著將靜態(tài)圖片，模型draco壓縮文件分別復(fù)制到public目錄和src\assets目錄里面——》

然后修改src\App.vue里面代碼——》

然后創(chuàng)建src\components\Home.vue文件，src\router\index.js文件，src\views\First.vue到src\views\Six.vue文件——》

編寫上述文件的基礎(chǔ)代碼——》（注意First.vue——到Six.vue只編寫基礎(chǔ)樣式就行，代碼省略）

接著修改src\style.css里面的代碼——》

修改src\main.js里面的代碼——》

瀏覽器查看結(jié)果——》

2、vue3.2+three.js編寫衣服切換材質(zhì)案例

（首先將上一節(jié)的src文件夾另存為src01項(xiàng)目結(jié)構(gòu)搭建文件夾，接著再繼續(xù)修改src里面的代碼）

修改src\views\First.vue代碼——》

3、vue3.2+three.js編寫機(jī)械拆分和結(jié)構(gòu)展示案例

編寫src\views\Third.vue代碼——》

4、vue3.2+three.js編寫動畫展示案例

編寫src\views\Four.vue代碼——》

5、vue3.2+three.js編寫碰撞檢測案例

編寫src\views\Five.vue代碼——》