Android Studio 搭建 Flutter 开发环境

[TOC]

一、安装配置 Flutter SDK

1、配置镜像

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

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

Flutter 镜像

Flutter 镜像

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

2、下载 Flutter SDK

下载 flutter sdk

3、解压 Flutter SDK

将上一步下载的 Flutter SDK 进行解压,放到自己的想要安装 SDK 的目录即可(这里我解压到了 C 盘根目录)
这个时候双击flutter_console.bat可以看 flutter 已经可以使用了

Flutter SDK

4、配置 Flutter 环境变量
  1. FLUTTER_HOME:C:\flutter\bin
  2. PATH 中添加下面两个变量
  3. %FLUTTER_HOME%
  4. %FLUTTER_HOME%\cache\dart-sdk

配置 Flutter 环境变量

配置 Flutter 环境变量

注:这里需要根据自己的路径进行配置

5、检测 flutter 是否配置成功

命令行输入 flutter ,出现如下页面,代表 flutter 已经配置成功

flutter

输入 flutter doctor 检测 flutter 所需要的依赖是否安装

flutter doctor

注:[√]代表已经安装好的,[X]代表需要安装的

根据提示输入 flutter doctor --android-licenses

二、Android Studio 安装 Flutter 和 Dart 插件

说明:我这里之前已经安装好了 ,Android Studio 的开发环境。

1、配置 Android SDK

flutter doctor --android-licenses

2、安装 Flutter 和 Dart 插件

Android studio --> File --> Settings --> Plugins

注:如果你电脑可以搜索到插件,直接点击安装就可以了。我这里搜索不到插件,只能选择手动安装插件。

Plugins

Flutter 下载地址:
https://plugins.jetbrains.com/plugin/9212-flutter/versions/stable

Dart 下载地址:
https://plugins.jetbrains.com/plugin/6351-dart/versions

注:一定要选择和自己的 IDE 相匹配的版本

选择和自己的IDE匹配的版本,首页需要确定自己的 Android studio 当前版本是上面
Android 版本

下面从 flutter 的众多版本中选择自己合适的版本
flutter 插件

这里我选择 build 191.8026 刚好我的 Android studio 版本相匹配

flutter

使用同样的方法下载 Dart 插件

安装 flutter 和 Dart 插件
Plugins

选择我们刚才下载好的插件即可,两个都需要安装

Flutter Dart

安装好之后重新启动 Android studio

这时候我们重新命令行运行 flutter doctor,可以看到 FLutter 所有的依赖插件已经安装成功了
flutter doctor

到这里我们的开发环境已经配置完成

创建第一个 Flutter 项目
flutter

Flutter

(完)