官方提供的是Flutter Widget Inspector,詳見https://flutterchina.club/inspector/
我用的是另外一種好用的調試工具 Dart DevTools
步驟如下:
1 首先使用VS Code打開你的項目,並且運行(菜單欄 Debug --> Start Debugging(F5) ),運行項目前要打開模擬器或使用真機
2 在VS Code中通過F1或者Ctrl+Shift+P打開主命令面板,按輸入Dart: Open DevTools
3 點擊Activate/Upgrade Dart DevTools按鈕,激活調試工具,該調試工具會自動打開瀏覽器(建議使用Chrome瀏覽器為默認瀏覽器,如果不是,打開網頁后,將網頁地址復制到Chrome瀏覽器中打開)
4 通過點擊頁面上不同的位置,可以在調試工具上顯示出詳情,下面是我寫的微信頁面demo,github地址為https://github.com/zhaoqiyin/wechat_clone
歡迎大家clone,也希望大家點贊。