圖5.1

檢出後一定記得切換到對應的分枝才行 在檢出的cesium 資料夾下執行 git checkout 3d-tiles命令即可。

圖5.2

注：檢出的檔案約300M，否則可能存在問題。

三、使用WebStorm開啟

圖6

執行File--> Open選擇對應的路徑。

圖7

右鍵gulpfile.js—>run “default”

圖8

右鍵開啟gulpfile.js 提示Faild to list tasks , 點details 檢視詳細資訊。

圖9

解決辦法是配置一下gulp；

根據提示順序解決gulp相關的問題即可。

圖10

四、安裝配置gulp

gulp是基於Nodejs的自動任務執行器，基本流程就是先安裝nodejs，通過nodejs的npm全域性安裝和專案安裝gulp

1 安裝node.js （https://nodejs.org/）下載安裝即可。

執行測試node 及npm是否安裝成果，如下圖則成功

圖11

安裝gulp需要的包

將路徑切換到工程目錄下（我的工程：D:\OSLS\Cesium3DTiles\cesium）

全域性安裝gulp，出現warn不要緊，等他慢慢轉，表示正在聯網下載...

命令為： npm install -ggulp

安裝成功不WARN(警告)對後續操作沒有影像，可以暫時忽略。

圖12

安裝成功後會在當前資料夾下生成一個node_modules資料夾，內含glup模組

圖13

回到WebStorm進行修改gulp的路徑

圖14

Gulp Package選擇到剛才安裝的gulp位置。

重新載入

圖15

提示的錯誤已經發生了變化，需要安裝” request “ 模組。

圖15

同樣npm install request 即可。

圖16

Reload tasks 依次安裝所需的所有的模組即可。

注：可能會有批量安裝所有的所有模組的小指令碼，如有請告知，先行謝過！

中間可能會出些提示資訊，忽略即可。

全部安裝完成後

圖17

五、 reales版本

圖18

將會在當前目錄下生成一個build資料夾。