Flutter开发工具很多,有很多支持Flutter开发的IDE。比如Android Studio、Visual Studio Code、InteIIiJ IDEA、Atom、Komodo等。这里将使用Visual Studio Code作为主要开发工具,因为Visual Studio Code占用内存和CPU比较低,非常的流畅,体验也比较的好。模拟器的话,这里推荐使用Android官方的模拟器,也就是Android Studio SDK里带的模拟器。不过,这里的模拟器我们使用单独启动的,无需从Android Studio启动,当然也可以用真机运行调试。接下来,我们就开始Flutter开发环境的搭建吧。注意:本文是在Windows环境下安装的开发环境。本文将主要介绍:
- Flutter下载与环境变量配置
- Visual Studio Code插件安装与新建Flutter项目
- 模拟器的安装
- 运行Flutter项目到模拟器和真机
- Flutter常用命令
开发环境的搭建
1. 下载Flutter SDK
Flutter SDK由两部分构成,一个是Dart SDK,另一个就是Flutter SDK,因为Flutter是基于Dart的。可以通过两种方式下载:一种是Git下载;另一种是直接下载SDK压缩包即可。
Git方式我们可以通过拉取官方Github上的flutter分支来下载。分支分类如下图:
可以看到主要有dev、beta和stable三个官方分支使,这里正式开发的话可以下载stable稳定版本。用Git命令进行下载stable分支:
git clone -b stable https://github.com/flutter/flutter.git
另一种是直接官网下载SDK压缩包,官方下载地址为:
https://storage.googleapis.com/flutter_infra/releases/stable/windows/flutter_windows_v1.0.0-stable.zip
2. 配置环境变量
下载完SDK后我们可以把它解压放到指定文件夹里,接下来就是配置SDK环境变量量,这样我们就可以在需要的目录执行相关命令了。如果在官网更新下载SDK慢的话,可以设置国内的镜像代理地址,这样下载会快一些。可以将如下的国内下载镜像地址加入到环境变量中:
变量名:PUB_HOSTED_URL,变量值:https://pub.flutter-io.cn
变量名:FLUTTER_STORAGE_BASE_URL,变量值:https://storage.flutter-io.cn
Flutter SDK环境变量,讲flutter的bin目录加入环境变量即可:
[你的Flutter文件夹路径]\flutter\bin
这样我们的Flutter SDK的环境变量就配置完毕了。接下来在命令提示符窗口中输入命令:
flutter doctor
它可以帮助我们检查Flutter环境变量是否设置成功,Android SDK是否下载以及配置好环境变量等等。如果有相关的错误提示,根据提示进行修复和安装、设置即可。每次运行这个命令,都会帮你检查是否缺失了必要的依赖。通过运行flutter doctor命令来验证你是否已经正确地设置了,并且可以自动更新和下载相关的依赖。如果全部配置正确的话,会出现如下类似的检测信息:
主要检测信息为:Flutter、Android toolchain、Connected device。