- Flutter开发实例解析
- 王睿
- 1447字
- 2025-02-23 16:36:32
1.3 如何安装Flutter SDK
进行Flutter开发首先需要安装Flutter SDK,SDK中包含了Flutter开发所需的工具链。Flut-ter SDK可从官网进行下载,是一个zip压缩包,其官方下载地址为https://flutter.dev/docs/get-started/install。Flutter SDK支持多种平台(Windows、macOS、Linux),开发者根据自己所使用的系统下载对应SDK即可。
不同系统能够构建出的应用类型是不同的,比如Windows只能构建Android应用,无法构建iOS应用,macOS系统Android和iOS应用都能构建。因此如果要开发跨端应用,建议使用macOS系统。
下面将分别介绍Flutter SDK在Windows、macOS、Linux下的安装方式。
1 Windows下安装Flutter SDK

首先下载Windows平台Flutter SDK的压缩包,可解压缩到任意目录下,比如D:\develop\flutter。
Flutter SDK中有一个bin目录,里面包含了工具链的可执行文件,对于开发者来说,其中最为重要的是flutter命令,它是Flutter的脚手架命令,不论是创建工程还是构建打包,都要通过这个命令进行。
SDK解压完成后,直接在命令行中输入flutter命令,系统是无法找到它的。要让系统能够识别flutter命令,需要配置PATH变量。具体配置方法以Windows 10为例,单击屏幕左下角的“开始菜单”或“搜索”按钮,输入env,出现如图1-6所示界面,选择“编辑系统环境变量”选项。

图1-6 搜索env单击“编辑系统环境变量”
在弹出的“系统属性”窗口中单击“环境变量”按钮,如图1-7所示。
此时会弹出一个“环境变量”窗口,该窗口分为两部分“用户变量”和“系统变量”,在这两部分中均包含一个Path变量,如图1-8所示。

图1-7 “系统属性”窗口中单击“环境变量”

图1-8 “环境变量”窗口
两个Path中选择任意一个,单击与其对应的“编辑”按钮,会弹出一个“编辑环境变量”窗口,填入SDK解压缩路径下的bin目录地址,如图1-9所示。
添加完成后需验证是否添加成功。打开PowerShell,输入flutter --version,如果添加成功,flutter命令将会返回当前Flutter SDK版本,如图1-10所示。
如果调用成功,可输入flutter doctor命令,这是flutter的自诊断命令,它能够检测Flutter SDK、Android SDK、iOS SDK(macOS下)是否安装正确。

图1-9 在“编辑环境变量”添加SDK的目录

图1-10 在PowerShell中调用flutter命令
2 macOS下安装Flutter SDK

下载macOS对应的压缩包,同样根据喜好解压到相应目录。
将SDK的bin目录添加到PATH中。在macOS下,根据所使用的Shell不同,终端的配置文件也不同。如果使用Bash,对应的配置文件为~ /.bashrc或者~ /.bash_profile;如果使用ZSH,对应的配置文件为~ /.zshrc。用编辑器打开配置文件,输入下面的代码:

其中,将“{SDK路径}”替换为解压路径。之后使用source命令或者重启终端更新配置,输入flutter --version,如果配置成功,则能够返回Flutter SDK的版本号。在macOS下同样使用flutter doctor命令检测环境配置情况。
3 Linux下安装Flutter SDK
在Linux下存在两种安装方式,如果是使用支持snapd的发行版(如Ubuntu),则可以通过snap方式直接安装:

第二种方式是下载Linux平台下的SDK压缩包解压后配置PATH变量,其配置方式与macOS下完全相同,这里不再赘述。
配置完成后,同样重启终端,输入flutter --version检测是否安装成功。之后可以通过flutter doctor随时检测Flutter环境的配置状态。
4 安装Android和iOS SDK

在对应的系统安装完成Flutter SDK后,如果开发Android应用,则还要安装Android SDK,如果安装iOS应用则需要安装iOS SDK。
(1)安装Android SDK
对于Android SDK,建议直接安装Android Studio。Android Studio是由Google推出的官方Android开发IDE,它是一个功能强大的IDE,除此之外还包含Android不同版本SDK的下载与管理功能,以及Android虚拟机。
建议安装Android Studio的另一个原因是,Android Studio通过安装Flutter插件能够进行Flutter开发,变成了一个强大的Flutter IDE,在大型项目开发、重构方面功能更加强大。
关于Android Studio和Android SDK的安装配置方式,具体参见1.4.1小节。
(2)安装iOS SDK
开发iOS应用需要安装iOS SDK,在AppStore中安装XCode即可,具体可参考苹果的官方文档。
XCode中同样带有iOS虚拟机,是平时开发时经常使用的工具。需要指出的是,iOS应用在iPhone真机上运行需要一些额外配置,需要使用开发者账户或免费的Apple ID通过验证后才能运行,具体可查阅iOS真机调试相关资料。