Cocos Creator使用VS Code調試方法

最近公司項目用Cocos做H5,我也就突然有用Cocos來做一個ios的手遊的想法,Unity用慣了,想拓展下。結果麼,用的我吐槽一大堆。

首先就是Cocos的調試,太不方便了,看官方文檔,也是講的一點都不清楚,還是自己百度加摸索才解決。

(一)Cocos如果要使用模擬器或是本機調試,首先你要安裝VS Code插件。
這裏寫圖片描述
如圖位置,點擊後會將cocos的vs code指定插件安裝到指定位置(當然忘了說,先安裝VS Code)

要在VS Code中使用該插件調式的話,
這裏寫圖片描述
先點擊1的調試Tab,然後點擊2的齒輪,或者點擊下圖齒輪旁的箭頭,然後選添加配置
這裏寫圖片描述
出現如圖的配置選項,從中選取Cocos-JSB
這裏寫圖片描述
就能添加Cocos-Debug配置了(我圖裏沒有是因爲已經添加了)

這個時候會遇到有可能安裝了插件,但確沒有顯示Cocos-JSB,這個問題網上也問的很多,此時請刪除你項目工程中的launch.json,然後重新嘗試就可以看到Cocos-JSB了

(二)接下來是配置launch.json
這裏寫圖片描述
如果是模擬器調試,請確保address寫成圖中的樣子,如果是真機,則填真機IP,模擬器調試時,如果不寫成這個樣子,基本你看控制檯輸出就是VS Code連接不上JSB

(三)調試代碼時,首先你一定要保證模擬器或是真機其程序已經運行了,然後才能切換到Debug Tab來啓動調試。如果上面兩步都最對,我估計這個時候最大的問題是報Not a valid project。這個我也是弄了半天,才理解Cocos的文檔什麼意思

首先在編輯器工具欄正上方選擇使用 模擬器(調試) 作爲預覽平臺,然後點擊編輯器中的 運行預覽 按鈕在模擬器中運行遊戲。
然後找到模擬器中的項目資源路徑,這個路徑會在 Cocos Creator 安裝路徑中,根據操作系統的不同,路徑有一些區別:
Windows:CocosCreator/resources/cocos2d-x/simulator/win32
Mac:CocosCreator.app/Contents/Resources/cocos2d-x/simulator/mac/Simulator.app/Contents/Resources
在 Mac 平臺由於 VS Code 無法通過瀏覽選擇應用程序包(.app)之內的路徑,可能需要先打開 VS Code,關閉所有已開啓的文件夾,然後將 Finder 裏的上述路徑拖拽到 VS Code 中。
然後就可以在打開的工程中的 src/project.dev.js 文件中設置斷點並進行調試了。先設置好斷點,然後確保模擬器已經在運行的情況下,VS Code 中切換到 Debug 頁面,在下拉菜單選中 Cocos-Debug,然後點擊綠色三角按鈕開啓調試進程。

這是原文,什麼意思呢?首先你要調試代碼的話,不是打開你項目所在工程的文件夾(比如D:\Project),而是打開上面提到的兩個路徑的文件夾,windows就是那個爲win32文件夾,mac是哪個resources,然後,你所有的代碼都被整合到這個文件夾下的src/project.dev.js文件中,你在這個文件裏下斷點調試(真實混亂,我要是幾百個源文件被整到一個文件裏統一調試,想想就頭痛)。

所以如果光打開這個js文件,或是vscode裏打開的不是這個路徑下的整個文件夾,就會報Not a valid project

(四)最後吐槽下,這東西怎麼調試?不光把各個源文件整到一個文件中,而且我們調試時,必須在源工程,和這個構建工程中來回切換,這不是一丁點的煩。後悔自己爲什麼突然想用cocos開發,還是unity好啊!

PS:
追加槽點,無論是原生平臺調試,還是網頁調試,在啓動時的斷點都是無法命中的,這還調試個屁,這種引擎也好意思拿出來讓人做開發,基本功能都不全。

發佈了33 篇原創文章 · 獲贊 31 · 訪問量 18萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章