代碼開發(fā)后出問題都會需要調(diào)試，調(diào)試方法很重要挎扰。
1. 斷點(diǎn)調(diào)試
斷點(diǎn)調(diào)試跟大家熟悉的 Chrome 的斷點(diǎn)調(diào)試基本一致，核心是在斷點(diǎn)處查看當(dāng)前各個數(shù)據(jù)的狀態(tài)情況，但是需要使用 debug 模式運(yùn)行家凯。
2. debugger調(diào)試
代碼中增加一個斷點(diǎn)語法，可以通過條件式的判斷來進(jìn)行斷點(diǎn)如失，同樣需要使用 debug 模式運(yùn)行绊诲。
3.界面調(diào)試
為了能夠掌握具體的布局問題，在 Web 端褪贵，我們可以通過 Chrome 工具進(jìn)行分析驯镊。 Flutter 提供了可視化的界面調(diào)試方法。
3.1.使用AndroidStudio工具開發(fā)調(diào)試
步驟1
步驟2
3.2.使用其他開發(fā)工具（vscode）
flutter pub global activate devtools
flutter pub global run devtools
控制臺
flutter run -d xx
運(yùn)行項(xiàng)目后會在控制臺打印出對應(yīng)的項(xiàng)目運(yùn)行后地址
項(xiàng)目運(yùn)行后地址
- 瀏覽器打開
http://127.0.0.1:9100
瀏覽器添加項(xiàng)目地址
調(diào)試界面
以上是最終的調(diào)試界面竭鞍，可以來進(jìn)行調(diào)試板惑。
該套工具的詳細(xì)介紹可以參考開發(fā)者工具。
