1.4　在macOS下安装Visual Studio Code

登录网站https://code.visualstudio.com/，如图1.9所示，可以免费安装Visual Studio Code，像大多数IDE一样，这个网站会自动识别你的系统，然后给你提供相应的下载内容，下载后执行这个文件，完成安装程序。

安装非常简单，没什么特别之处，安装完成后就可以运行它了。在启动屏幕上选择文件夹或文件，让我们打开之前创建好的Flutter项目，如图1.10所示，然后它就会呈现在IDE中。

除此之外还需安装一些插件，使IDE对Flutter的支持更友好。单击屏幕上方的“View”按钮选择“Extension”，然后搜索Flutter找到官方的Flutter插件，单击“Install”按钮，如图1.11所示，同时它会把Dart作为它的依赖也安装上，安装完成后，单击“Reload”按钮，重新加载一下你的IDE。

还有一个可选的插件需要安装，那就是Material Icon Theme。这个插件跟Flutter没有直接关系，但它会使图标看起来更美观。安装完成后单击“Explorer”按钮，回到项目目录，准备开始开发Flutter App。在main.dart文件中找到_incrementCounter（）方法把_counter++改成_counter=_counter+2，如图1.12所示，这样单击一次按钮就会加2。

图1.9　下载用于macOS的Visual Studio Code

图1.10　使用Visual Studio Code打开项目

现在使用Flutter的热加载功能，来到终端，按一下R键，Flutter就会执行刚才的改动。如果App卡住了，可以按Shift+R，去重新构建并加载。回到模拟器中，看起来没有什么变化，但是当我们单击模拟器中的按钮，会发现数字每次加2，从这就可以看出使用Flutter多神奇，以及使用它开发多容易，热加载会贯穿于我们整个App开发过程中。书中还会介绍IDE的一些技巧，现在去看看怎样在Windows系统中安装Flutter，如果你是macOS用户可以跳过下面两节。

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

图1.12　编写main.dart文件