1.安裝git客戶端
下載地址 https://git-scm.com/downloads
2.Windows上mapbox演示環境搭建
參照 https://gitee.com/mirrors/Mapbox-GL-JS/blob/main/CONTRIBUTING.md進行。
(1)安裝git, node.js, yarn, npm and node-gyp.
Install git, node.js (version ^10.15), yarn, npm and node-gyp.
（1.1）安裝nodejs（版本是10.xx， xx>=15以上 ）
參見《window下nodeJs多版本安裝並快速切換》安裝nodejs。
參見《國內npm鏡像源推薦及使用》設置國內npm鏡像源。
（1.2）打開cmd窗口，切換到node10
C:\_y> node10
（1.3）在cmd窗口中，安裝yarn和node-gyp
C:\_y> npm install -g yarn
yarn 淘寶源安裝，分別復制粘貼以下代碼行到cmd窗口運行即可
yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g
（1.5）在cmd窗口中， 安裝node-gyp
C:\_y> cnpm i -g node-gyp
(2)下載代碼，安裝node模塊依賴
（2.1）Mapbox-GL-JS提供的搭建方式
首先Clone the repository（下載代碼），即在自己的電腦上找個位置，用git下載mapbox-gl-js代碼
C:\_y> git clone https://gitee.com/mirrors/Mapbox-GL-JS.git
然后，Install node module dependencies（安裝node模塊依賴）
C:\_y> cd mapbox-gl-js
C:\_y\Mapbox-GL-JS> yarn install
（2.2）但是如果采用（2.1）的步驟，有些電腦上會卡在 yarn install這步進行不下去（最后幾個module下載不下來），因此這里提供了一個安裝了node模塊依賴的mapbox-gl-js-complete.zip作為（2.1）的替代方案。請到下面鏈接的鏈接下載mapbox-gl-js-complete.zip，並將其解壓到自己的電腦上某個位置，如C:\_y。
https://pan.baidu.com/s/1nWTNmUEeWNj1-tVNdBD4dg （提取碼：8xm5）
(3)Install headless-gl dependencies
（headless-gl dependencies地址是https://github.com/stackgl/headless-gl#windows）
##copy node_modules/headless-gl/deps/windows/dll/x64/*.dll c:\windows\system32
copy node_modules/gl/deps/windows/dll/x64/*.dll c:\windows\system32
(4)Serving the Debug Page
（4.1）注冊mapbox賬號，獲取MAPBOX ACCESS TOKEN
登陸官方網站 https://account.mapbox.com/ 注冊mapbox賬號。
當你注冊賬號成功，網站會自動給你一個默認 token，這個token就是使用地圖的MAPBOX ACCESS TOKEN（token可以自己創建），（建議英語差的小伙伴選擇谷歌瀏覽器一鍵翻譯）。
我的賬戶的public token是
pk.eyJ1Ijoic2dpdDIwMjAiLCJhIjoiY2tqYzU1dW1qMHF5eTJxbDNuMmU1bWo5eiJ9.51o3mujFe6QO7Rj4hhzS4g
（4.2）啟動 debug server的流程需要如下兩個步驟：
set MAPBOX_ACCESS_TOKEN={YOUR MAPBOX ACCESS TOKEN}
yarn run start-debug
即
C:\_y\Mapbox-GL-JS> set MAPBOX_ACCESS_TOKEN=pk.eyJ1Ijoic2dpdDIwMjAiLCJhIjoiY2tqYzU1dW1qMHF5eTJxbDNuMmU1bWo5eiJ9.51o3mujFe6QO7Rj4hhzS4g
C:\_y\Mapbox-GL-JS> yarn run start-debug
（4.3）Open the debug page at http://localhost:9966/debug ；
或者
（4.3.1）在VS Code中按F5鍵，在“select Environment”下拉列表框中選擇chrome，
在產生的.vscode/launch.json中，把"url"的值改為"http://localhost:9966/debug"
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "pwa-chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:9966/debug",
"webRoot": "${workspaceFolder}"
}
]
}
在 src\ui\map.js文件中打上斷點，按F5開始跟蹤
