使用VS Code調試Flutter(檢查用戶頁面)


官方提供的是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,也希望大家點贊。

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM