前段时间,制定了今年的学习计划,包括前端优化(打包、测试、发布)、数据可视化、
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