2.2 开发工具

目前，支持Flutter开发的工具有很多，不过官方推荐使用VSCode、IntelliJ或Android Studio来进行Flutter应用开发。在使用这些工具开发应用之前，需要安装相应的编辑器插件。

2.2.1 Android Studio

Android Studio是Android默认开发工具，同时也可以作为Flutter应用的开发工具。使用Android Studio开发Flutter应用之前，需要先安装Flutter 和Dart两个插件。

和其他Android插件的安装一样，在Android Studio中安装Flutter和Dart插件也比较简单。打开Android Studio，依次单击【Preferences】→【Plugins】→【Browse repositories】，然后搜索并安装“Flutter”插件即可，如图2-9所示。

图2-9　在Android Studio中安装Flutter插件

安装完成之后，重新启动Android Studio，如果在启动页面看到一个新的选项【Start a new Flutter project】，则说明Flutter插件安装成功，如图2-10所示。

图2-10　Flutter插件安装成功

2.2.2 VSCode

除了Android Studio外，VSCode也是官方推荐的一款可视化Flutter开发工具，它支持C++、C#、Python、PHP等开发语言，同时内置了JavaScript、TypeScript和Node.js支持，是一款轻量且强大的跨平台开源代码编辑器。

使用VSCode开发Flutter应用之前，需要先安装Flutter插件。打开VSCode，依次选择【View】→【Command Palette…】打开搜索框。在搜索框中输入“install”，并选择【Extensions：Install Extension】，然后在搜索框中输入“Flutter”，之后进行安装即可，如图2-11所示。

图2-11　在VSCode中安装Flutter插件

当然，我们也可以单击VSCode左侧的【Extensions】按钮来安装Flutter插件。安装完成之后，依次选择【View】→【Command Palette…】打开Command Palette，然后单击【Flutter: New Project】即可创建一个Flutter项目。