前言
在接手新项目的时候,有时候因为代码较乱,短时间可能找不到某个界面的代码位置,这时候就需要一个有效的方法:
一、使用VSCode把代码用模拟器运行起来
二、选择Open DevTools Widget Inspector Page
![请添加图片描述](https://i-blog.csdnimg.cn/blog_migrate/c08cf9c2a3f71f23e4e4ef68d06a689a.png)
三、点击Toggle select widget model
![请添加图片描述](https://i-blog.csdnimg.cn/blog_migrate/8f2d3ddaa8f96cf74fc6397bac8f5b06.png)
![请添加图片描述](https://i-blog.csdnimg.cn/blog_migrate/1ecd6b734e4789a6088f1bf5dc21480c.png)
四、然后模拟器界面上就会出现线图框框
![请添加图片描述](https://i-blog.csdnimg.cn/blog_migrate/196edbf1b9f85535a44f1dc46f1edbb1.png)
五、然后选择某个元素,右边就会出现对应的代码位置
![请添加图片描述](https://i-blog.csdnimg.cn/blog_migrate/5aeba23b6a426a8abcbcfcd2339e456a.png)
六、这时你就可以快速找到元素对应的代码了,是否是很方便?参考地址:
Using the Flutter inspector
END.