Flutter——Android Studio下环境配置

引言

前段时间，制定了今年的学习计划，包括前端优化（打包、测试、发布）、数据可视化、Vue3.0源码阅读、Flutter、算法和数据结构。

所以，最近也陆续开始今年的学习计划，先拿 Flutter开刀（hhh），当然第一步就是开发环境的配置。那么，我们就来讲讲如何配置 Android Studio+ Flutter的开发环境。

一、安装 Flutter SDK

首先，新增两个系统变量，主要用于后期 Flutter检测时的安装，此电脑->属性->高级->环境变量。

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

下载 Flutter SDK的方式有很多种，这里推荐的是直接去 GiHub 上 Clone下来。（假设 Clone在 D:/Flutter文件夹下）
在这里插入图片描述
打开 D:/Flutter/flutter/flutter_console（界面如下），输入 flutter，这个命令会进行一些依赖安装

自此 Flutter SDK就安装完了，并且需要注意的是 Flutter SDK已经内置了 Dart SDK（它在 D:\Flutter\flutter\bin\cache\dart-sdk），所以不需要单独安装 Dart SDK。

二、安装配置 Android Studio

在安装前需要理清几点东西：

Android Studio版本必须在 3.0 以上，安装步骤可以参照我之前写的文章
Java SDK最好为 8，因为 Flutter 和 Java8 更贴近，这样可以避免更新 sdkmanager时发生不必要的报错。

在安装好 Android Studio后，我们需要配置一下之后要安装的 AVD位置。同样是配置环境变量，新增一个环境变量

ANDOIRD_SDK_HOME=SDK文件目录/avd

然后，打开 Android Studio，打开 AVD Mananger，会自动在我们配置好的 AVD文件目录中新建一个 .android文件，我们之后安装的 AVD将会在这个文件夹下（具体新建 AVD的步骤，它会有向导，这里就不讲了）。
在这里插入图片描述
要用 Android Studio开发 Flutter，我们需要安装 Flutter和 Dart两个插件。点击右上角 File->Setting->Plugins->Marketplace。分别搜索 Flutter和 Dart并 Install。然后重启 Android Studio。

重启后，我们就可以创建 Flutter应用了，点击右上角 File->New->New Flutter Project，然后根据向导完成创建过程。创建完后，打开项目中的 android/build.gradle文件，修改两处代码（主要是把 google的地址换为阿里的镜像）。

buildscript {
    repositories {
    	// 第一处
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
    }

    dependencies {
        classpath 'com.android.tools.build:gradle:3.5.0'
    }
}

allprojects {
    repositories {
    	// 第二处
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
    }
}

然后，我们还得修改 SDK的 gradle，它在 D:\Flutter\flutter\packages\flutter_tools\gradle\flutter.gradle，这里只需要修改一处。

repositories {
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
    }

三、开发环境校对

最后，我们需要通过 flutter doctor命令检测当前开发环境是否已经完善
在这里插入图片描述
显然，我这里是没有问题的，但是在刚第一次配置可能会遇到一个问题就是 Android toolchain这个地方会提示 Android license status unknown之类的错误。

这个时候我们需要先去更新 sdkmanager，它会在 SDK安装目录下的 tools/bin目录下。我们在这个路径下打开终端，输入 sdkmanage --update命令。然后，我们再在终端中输入 flutter doctor --android-licenses命令。

最后，我们再通过 flutter doctor命令检测，则会显示全部成功（当然，如果你不开模拟器和 Android Studio就不会显示成功这两个）。
在这里插入图片描述
成功后，我们就可以通过 flutter run命令运行我们之前创建的 Flutter项目了（第一次运行需要耐心等待，大概会耗费5-8分钟的时间…）。

WJCHumble

发布了140 篇原创文章 · 获赞 16 · 访问量 4万+

私信关注