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了

119、Flutter使用Flutter Dev tool 在网页中实时调试_第1张图片

 

4、查看flutter 实时样式

 

119、Flutter使用Flutter Dev tool 在网页中实时调试_第2张图片

你可能感兴趣的:(Flutter)