![Flutter实战指南](https://wfqqreader-1252317822.image.myqcloud.com/cover/384/32858384/b_32858384.jpg)
上QQ阅读APP看书,第一时间看更新
1.6 在Windows下安装Visual Studio Code
我们使用Visual Studio Code,可通过网站https://code.visualstudio.com/下载IDE,如图1.25所示。这个IDE是免费的,并且支持Flutter的扩展,访问网站,它会根据你的系统提供一个适合的下载版本。下载并安装IDE,安装步骤简单,没有什么特别需要说明的,安装完成后就可以运行它了。
![](https://epubservercos.yuewen.com/DB634B/17640317207889506/epubprivate/OEBPS/Images/Figure-P27_977.jpg?sign=1739636142-7YwbIjE5PNL8tUKqPS2AUnKE3ABpl8kn-0-0e63f15ebca4340246c703d12f6dc0d1)
图1.25 在Windows下下载安装Visual Studio Code
为了使这个IDE更好用,需要添加一些插件,单击“Extension”图标,如图1.26所示。搜索Flutter插件,安装官方的Flutter插件,Dart会随这个插件一起安装,安装完成后,重启IDE。
![](https://epubservercos.yuewen.com/DB634B/17640317207889506/epubprivate/OEBPS/Images/Figure-P28_985.jpg?sign=1739636142-XAdRFdcwaskblO61yqTDh1MmN51dPsnk-0-436c89645b001b3dcb756e1a0183003e)
图1.26 使用Visual Studio Code下载Flutter插件
另外,还要安装一个插件Material Icon Theme,这个插件与Flutter安装无关,它只是会使IDE变得美观。在项目目录下找到main.dart文件,然后到incrementCounter()方法里,把_counter++改成_counter=_counter+2,如图1.27所示。
![](https://epubservercos.yuewen.com/DB634B/17640317207889506/epubprivate/OEBPS/Images/Figure-P28_993.jpg?sign=1739636142-cWmpGv3WN4OLxOtIj3aIvlJU27m45Wxt-0-a18039f9367f0da5d53aadd8f154710b)
图1.27 编写main.dart文件
这样每次单击“浮动”按钮就会加2。来到命令行窗口,不需要使用Ctrl+C键退出,只需要按R键进行热加载就可以使改动生效,这意味着你不需要重新Build就可以修改你的App了。如果更新失败或者模拟器卡住了,需要按Shift+R键重新Build才可以。接下来回到模拟器,单击“加号浮动”按钮,会看到计数器每次增加2而不是1,这是第一个小的改变,接下来我们将更深入地学习Flutter。