使用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，也但愿你们点赞。