119、Flutter使用Flutter Dev tool 在网页中实时调试

最近在研究flutter 开发，发现flutter编辑出来的界面之后没有办法像，之前web开发那样，能够在浏览器中

实时查看样式。所以就谷歌了一下如何才能实现实时查看样式。

发现使用 flutter dev tools可以实现这个功能

1、首先在cmd命令行中输入 flutter upgrade

升级flutter 到1.12.16 以上的版本，这里目前需要选择flutter的dev分支

升级之后，再用安卓studio打开

2、首先运行起来 一个flutter项目

3、在安卓stuido中点击

下图中画蓝色圈圈，圈出来的按钮，就可以打开flutter dev tool了

4、查看flutter 实时样式