由于后期threeJs需要使用各種外部資源,所以需要搭建服務(wù)器,nginx,apache,iis等都可以。
本人則使用nodeJs的koa搭建一個簡單的服務(wù)器
開發(fā)工具使用VSCode
首先需要確保電腦上已經(jīng)按裝了node.js
一 ,創(chuàng)建一個文件夾 如:three
二,運行npm init 一直點回車構(gòu)建package.json
三,安裝依賴 在這里使用koa koa-static
cnpm i koa -s
cnpm i koa-static -s
四,建立index.js文件
const Koa = require('koa');
const app = new Koa();
app.use(require('koa-static')('.'));//.代表index.js所在目錄,如需更換端口 自行修改。
app.listen(3000); //監(jiān)聽3000端口,如需更換端口 自行修改。
五, 開啟服務(wù)器
如果使用VSCode:
- 可以使用VSCode打開three文件夾
- 點擊左側(cè)調(diào)試按鈕

Paste_Image.png
- 如上圖點擊右上按鈕選擇nodejs環(huán)境 ,默認情況下會配置好運行的index.js為執(zhí)行文件
- 按F5開啟服務(wù)器
- 按Ctrl+Shift+F5重啟服務(wù)器
- 按Shift+F5 關(guān)閉服務(wù)器