Flutter从0基础到App上线
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

2.2 集成开发环境的选择

Google官方推荐Android Studio(或IntelliJ Idea)或Visual Studio Code作为IDE(集成开发环境)。当然,除了上述两款IDE,如果习惯使用其他的也可以,只要具备基本的代码编辑功能即可,本书使用Android Studio。

2.2.1 配置Android Studio

Android Studio是Google基于IntelliJ Idea推出的集成开发环境,和IntelliJ Idea不同的是,Android Studio提供了Gradle支持、Android开发的某些专有特性。其替代了早期的Eclipse ADT,用于开发和调试Android App。

虽然对于开发Flutter应用而言,使用IntelliJ Idea也可以,但是如果要和原生代码做混合开发,可能仍然要依赖Android Studio提供的功能,如布局预览等。因此,Android Studio理所当然地成了最佳选择。

1.下载Android Studio

Android Studio的下载和安装很简单,打开Android开发者官网即可轻松找到下载链接。网站会自动识别当前的操作系统并提供相应的安装文件,这里以mac OS平台为例,如图2.7所示。

img

图2.7 下载Android Studio

2.安装Android Studio

打开下载的文件,拖拽左侧的App到Application文件夹即可完成安装,如图2.8所示。

img

图2.8 安装 Android Studio

对于Windows平台,下载Google推荐的exe执行文件,然后打开文件启动安装向导即可;对于Linux平台,解压下载的文件即可完成,之后只需执行studio.sh即可启动Android Studio。

3.配置Android SDK

首次运行Android Studio会启动配置向导。由于是首次运行并非升级安装,因此在导入设置环节中选择不导入,如图2.9所示。

img

图2.9 导入之前版本的设置

根据网络环境的不同,稍后可能会提示设置Proxy(代理),我们暂且不管它,直接来到欢迎向导,然后一直点击“Next”按钮,下载并安装推荐的SDK组件,完成整个首次运行的配置,如图2.10所示。

Windows平台和Linux平台的启动配置与上述的过程基本一致,这里不再详细介绍。需要强调的是,官方推荐安装的SDK组件并非是完整版。按照以往的规律,默认只会安装最新版本的Android SDK,而在实际开发过程中,通常还需要下载更多的SDK组件,而且为了避免稍后出现“Android licenses not accepted”错误(在执行自诊断脚本时),推荐各位将SDK全部安装。

img

图2.10 下载并安装Android SDK组件

具体方法是在启动Android Studio后,展开右下角的Configure(配置)下拉菜单,选取SDK Manager(SDK管理器)菜单项,并选取想要安装的版本,最后单击“OK”按钮,程序就会自动从网上获取并安装相应的SDK组件。

4.配置Android SDK环境变量

在Terminal(终端)中输入

img

来编辑bash_profile,并在文件末尾追加如下内容:

img

需要注意的是,上述路径中的ANDROID_HOME值并非适用于每台电脑,需要根据自己电脑的路径进行修改。对于Windows平台和Linux平台,也需要添加上述环境变量,以便能正常使用adb等Android调试命令。

5.安装插件

要使用Android Studio进行Flutter开发需要安装两个Plugin(插件)。在启动Android Studio后,展开右下角的Configure下拉菜单,选取Plugins菜单项,打开插件设置窗口,再点击Browse repositories(浏览库),打开插件搜索窗口,如图2.11所示。

img

图2.11 安装Flutter插件

需要安装的两个插件分别是Flutter和Dart。比较简单的安装方法是直接在窗口左上角的搜索框中搜索“Flutter”,然后安装它。在安装Flutter的过程中,Dart会被提示作为依赖自动安装,这样可以省去单独安装Dart插件的过程。

安装后,软件会提示需要重新启动。在重启Android Studio后会发现在启动界面上多了一个可选项“Start a new Flutter project”,如图2.12所示。

img

图2.12 Android Studio配置完成

至此,Android Studio就配置完成了。Windows平台和Linux平台的配置方法与上述基本相同,这里不再详细介绍。

2.2.2 配置Visual Studio Code

Visual Studio Code是微软公司推出的一款编辑器,风格和自家的Visual Studio类似,但是更加轻量。使用Visual Studio Code和Flutter插件,也可以开发跨平台的Flutter应用。

由于Visual Studio Code也是一款跨平台的软件,所以在mac OS,Windows和Linux操作系统中都可以使用。

1.下载Visual Studio Code

最新和最安全的版本可以到官方网站上获取,下载页面可以检测当前的操作系统并提供合适的下载版本,默认会下载Stable(稳定)版。

在mac OS系统中,只需将下载的文件拖拽到Application(应用程序)文件夹中即可完成安装;对于Windows系统,要使用exe可执行程序启动安装向导完成安装;对于Linux系统,提供了deb和rpm两种安装包,分别对应Debian系列发行版和Red hat系列发行版,你可以根据正在使用的Linux发行版下载相应的安装包。

2.安装插件

如果要使用Visual Studio Code开发IDE,就需要安装Flutter扩展。具体做法如图2.13所示,启动Visual Studio Code后切换左侧视图到Extensions(扩展),然后输入Flutter进行搜索,并安装这个扩展。

img

图2.13 在Visual Studio Code中安装Flutter插件

安装后即可使用Visual Studio Code进行开发。Windows,Linux与mac OS的配置方法类似,可参考上述操作进行扩展的安装。