使用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，也但願你們點贊。