Threejs基礎(chǔ)環(huán)境搭建(一)靜態(tài)服務(wù)器

由于后期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:

  1. 可以使用VSCode打開three文件夾
  2. 點擊左側(cè)調(diào)試按鈕
Paste_Image.png
  1. 如上圖點擊右上按鈕選擇nodejs環(huán)境 ,默認情況下會配置好運行的index.js為執(zhí)行文件
  2. 按F5開啟服務(wù)器
  3. 按Ctrl+Shift+F5重啟服務(wù)器
  4. 按Shift+F5 關(guān)閉服務(wù)器
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容