MAC環境Cocos Creator中調試JS代碼必要設置

【備註】當前我使用的是最新版本Cocos Creator 1.8.1（支持微信小遊戲開發）。

MAC環境中當前最新版本Cocos Creator 1.8.1尚不支持內置瀏覽器Safari對於JS的代碼調試，只能安裝使用Chrome和Debugger for Chrome。

從Cocos Creator 1.4.0-beta.2開始新增使用 VS Code 調試網頁版遊戲的工做流程。爲 此，咱們須要在 VS Code 裏安裝 Debugger for Chrome 插件並執行 Creator 主菜單裏的 VSCode 工做流->添加 Chrome Debug 配置。

在此省略安裝 VS Code（微軟提供的開源輕量級流行語言可視化開發工具，值得推薦）的介紹。在 VS Code中安裝Debugger for Chrome 插件的步驟是：

【前提】安裝最新版本的Chrome瀏覽器for MAC版本。

1，打開VS Code；
2，點擊菜單「調試」-「安裝其餘調試器...」；
3，輸入搜索關鍵字「Chrome」便可，以下圖所示：

4，點擊「安裝」按鈕安裝插件「Debugger for Chrome 4.1.0」。

最後，在Cocos Creator 主菜單裏運行：
「開發者」-VSCode 工做流->添加 Chrome Debug 配置。

到此，大功告成。你能夠在VS CODE中爲JS代碼設置斷點，並直接在VS CODE中啓動調試JS代碼了/