flutter入門 vscode調(diào)試及查看日志

開發(fā)肯定需要調(diào)試應用,以及查看日志。

在flutter中有l(wèi)ogger包,調(diào)用未找到Log里的函數(shù),只有Logger.root.info('')等函數(shù),運行時也不起作用。

還有一個print()函數(shù),最終發(fā)現(xiàn)這個是可以的。

情景再現(xiàn)

a、通過 flutter run方法啟動應用,通過flutter logs查看日志,發(fā)現(xiàn)并沒有日志輸出。

b、通過flutter run方法啟動應用,在 調(diào)試控制臺 也沒看到日志輸出

c、通過vscode 自帶的調(diào)試臺啟動啟用,flutter logs,也沒有日志輸出

正確方法

print()日志輸出函數(shù)
通過vscode 自帶的調(diào)試臺啟動應用, 查看調(diào)試控制臺,有日志輸出

ps: 我重啟應用后發(fā)現(xiàn),在終端cmd 通過flutter 也能看到日志輸出了。

用vscode調(diào)試flutetr

fluttervscode.png

一個正常的flutter項目用vscode應該是這樣的。
之前有說過可以用flutter run命令運行,還有android studio運行。在vscode中也有按鈕運行調(diào)試。

點擊調(diào)試按鈕/啟動調(diào)試按鈕,就相當于flutter run運行該flutter項目


run.png

我打了一個斷點,當項目運行起來,如下圖。


debugger.png

當我點擊按鈕,進入斷點。如下圖
可以看到左上角的操作按鈕,其實跟android studio調(diào)試原生代碼,以及瀏覽器調(diào)試rn一樣。


indebugger.png

添加斷點點擊代碼左側(cè)的紅框區(qū)域即可(下圖)。


adddebugger.png

在左上角的調(diào)試/新建斷點 也可以。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容