1. 程式人生 > >MAC環境Cocos Creator中調試JS代碼必要設置

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

process water beta 新版 菜單 使用 fff reat 內置

【備註】當前我使用的是最新版本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代碼了/

?

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