如果您正在使用Visual Studio代碼,您可以安裝Cordova Tools擴展,這將允許您在設備上進行調試,它是VSCode非常強大的工具,也是我發現開發Ionic 3和Angular的最佳編輯器/ IDE 4個應用程序
程序很直接:
從.vscode目錄中刪除現有的launch.json文件,然后轉到Debugger并點擊小齒輪圖標。
選擇Cordova作為調試器。
擴展將為您實際創建12個配置,我們需要第一個“在設備上運行Android”
現在,這就是我所做的(Mac OS X Sierra),具體取決于系統中安裝的組件和組件,這可能會改變。我打開Android Studio,然后連接我的連接到我的Android測試設備的usb電纜。
一旦我看到我的設備列在Android監視器面板中,并且在Logcat選項卡中運行的調試進程,我切換到我的VSCode窗口并在終端中發出:ion cordova android運行,然后等待應用程序在手機上啟動。
應用程序在設備中顯示后,單擊VSCode中的調試按鈕,調試器應該附加。
現在您的調試器應該觸發您的斷點,并讓您調試您的類型腳本代碼與應用程序運行在測試設備上。
我想你也可以直接從Chrome開發人員工具進行調試,但是可能需要為tsconfig.json中的源地圖文件的位置配置一些其他選項。我相當推薦你vscode,因為它有很多有用的功能,它是免費的,還有從Ionic 3片段,自動完成和CLI命令從UI的擴展。