Flutter实战指南
上QQ阅读APP看书,第一时间看更新

1.6 在Windows下安装Visual Studio Code

我们使用Visual Studio Code,可通过网站https://code.visualstudio.com/下载IDE,如图1.25所示。这个IDE是免费的,并且支持Flutter的扩展,访问网站,它会根据你的系统提供一个适合的下载版本。下载并安装IDE,安装步骤简单,没有什么特别需要说明的,安装完成后就可以运行它了。

图1.25 在Windows下下载安装Visual Studio Code

为了使这个IDE更好用,需要添加一些插件,单击“Extension”图标,如图1.26所示。搜索Flutter插件,安装官方的Flutter插件,Dart会随这个插件一起安装,安装完成后,重启IDE。

图1.26 使用Visual Studio Code下载Flutter插件

另外,还要安装一个插件Material Icon Theme,这个插件与Flutter安装无关,它只是会使IDE变得美观。在项目目录下找到main.dart文件,然后到incrementCounter()方法里,把_counter++改成_counter=_counter+2,如图1.27所示。

图1.27 编写main.dart文件

这样每次单击“浮动”按钮就会加2。来到命令行窗口,不需要使用Ctrl+C键退出,只需要按R键进行热加载就可以使改动生效,这意味着你不需要重新Build就可以修改你的App了。如果更新失败或者模拟器卡住了,需要按Shift+R键重新Build才可以。接下来回到模拟器,单击“加号浮动”按钮,会看到计数器每次增加2而不是1,这是第一个小的改变,接下来我们将更深入地学习Flutter。