环境

本篇是windows环境下的安装教程,Mac或linux的安装可以参考Flutter中文网的相应教程自行安装

准备

Flutter SDK官方下载(可能需要科学上网,也可以选择备选的国内镜像)

国内镜像:
由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

注意: 此镜像为临时镜像,并不能保证一直可用,读者可以参考详情请参考 Using Flutter in China 以获得有关镜像服务器的最新动态。

安卓工具链(Android SDK等开发环境),官方建议直接安装Android Studio来获取开发环境,下载地址

git 运行 flutter doctor 命令时会用到,没有会报错

安装

  1. 解压Flutter SDK到一个喜欢的目录 (如:c:devflutter

  2. 在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。

注意: 由于一些flutter命令需要联网获取数据,国内访问需要进行科学上网, 上面的PUB_HOSTED_URLFLUTTER_STORAGE_BASE_URL是google为国内开发者搭建的临时镜像。详情请参考 Using Flutter in China

添加flutter到环境变量

  • 转到 “控制面板>用户帐户>用户帐户>更改我的环境变量”
  • flutterbin 的全路径 添加到 path 中(如:c:devflutterbin)
  • 重启电脑,应用更改

运行 flutter doctor

flutter doctor

请在 cmdpowershell 中运行,目前,Flutter不支持像Git Bash这样的第三方shell。

该命令检查您的环境并在终端窗口中显示报告。Dart SDK已经在捆绑在Flutter里了,没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务(以粗体显示)

例如:

[-] Android toolchain - develop for Android devices
    • Android SDK at D:Androidsdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.io/setup/#android-setup for detailed instructions.

全部安装成功:

[√] Flutter (Channel stable, v1.7.8+hotfix.4, on Microsoft Windows [Version 10.0.17134.885], locale zh-CN)

[√] Android toolchain - develop for Android devices (Android SDK version 29.0.1)
[√] Android Studio (version 3.4)
[!] Connected device
    ! No devices available

! Doctor found issues in 1 category.

到这里就可以在Windows上使用Flutter开发Android 应用啦,如果想开发IOS应用还是乖乖的用Mac去搞个xcode环境的好…

  • Android Studio是必须安装的,如果不安装 flutter doctor命令会一直报错找不到工具链,我在安装的时候本想使用Android SDK Manager来偷鸡结果不行,又回头重新安装的Android Studio
  • 安装完Android Studio后可能会有一个警告
    [!] Android toolchain - develop for Android devices (Android SDK version 29.0.1)
        ! Some Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses
    

    这个时候运行flutter doctor --android-licenses命令,然后全部选 y 就可以了,再次运行flutter doctor会看到这个警告已经通过了。

从零开始学习Flutter:安装Flutter环境