12月12号的Flutter Interact大会上，Flutter发布了基于IDEA及AS的插件扩展的最新功能Hot UI,也就是可视化编程，你开源快速更改你的组件属性，然后同步在你的设备上运行起来，这个功能等了这么久终于出来了，真是大快人心啊。

下面看看这个功能的简单具体使用吧：

Flutter插件安装

打开http://plugins.jetbrains.com/plugin/9212-flutter/，（为啥我老是看成9012？哈哈O(∩_∩)O~有毒。。。），然后根据的开发工具版本下载对应的插件版本：

插件支持的IDE版本

一句话：必须是Android Studio3.5及以上版本才可以使用。

Flutter42.1.*插件版本：

Flutter42.0.*插件版本：

以下是我能够在中文官网看到的版本号信息（当然有一些版本号我怎么也找不到，也找不到在哪里可以下载到，英文官网里面没有，中文官网也没有介绍，希望中文官网可以把这些版本下载信息都更新一下。）

插件使用介绍

你可以在Flutter的IntelliJ / Android Studio插件中找到这个新功能，目前还是预览版。然后你可以在构建组件时可以直接在IDE中查看它们并与之交互，点击菜单File -> Settings-> Languages & Frameworks（或者打开设置页面之后，直接搜索HOT UI），然后找到Flutter，然后勾选“HOT UI”,具体操作如下图所示：

然后你可以在“HOT UI"上面更改你的组件的属性，然后它会直接在预览界面及你的设备上面更新。

使用动态图解如下图所示：

作者写文章不容易，觉得好看的话，点个赞支持一下吧，谢谢大家。

更多关于Flutter精彩干货，欢迎关注公众号【Flutter那些事】，干货等你来拿。