Flutter环境搭建

记录MAC环境下配置Flutter开发环境，并解决编译遇到的异常

前期准备

1、AndroidStudio 3.3.2

2、XCode

相关资源下载

1、镜像设置

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

2、下载Flutter资源包

下载资源有两种方式：

1、使用 git clone Flutter 仓库的方式仓库 releases 地址为 https://github.com/flutter/flutter/releases

git clone -b dev https://github.com/flutter/flutter.git

2、去flutter官网下载其最新可用的安装包，下载地址，笔者这里下载的是 flutter_macos_v1.2.1-stable.zip 稳定1.2.1 版本

git clone 的速度相对较慢，笔者这里采用的第二种方式，这里分享一个小技巧，在下载页点击下载后，可以在浏览器拷贝文件下载地址使用迅雷打开，下载速度会有飞速提升。

配置环境变量

1、在你的开发目录下解压上一步下载的 flutter_macos_v1.2.1-stable.zip

cd ~/development
unzip ~/Downloads/flutter_macos_v1.2.1-stable.zip

2、环境变量配置

1、拷贝Flutter 的目录 [电脑目录]/develop/flutter

2、打开[电脑目录]/.bash_profile 文件，可以使用记事本打开

添加以下行，并修改YOUR_DIRECTORY为机器实际目录

export FLUTTER="[YOUR_DIRECTORY]/develop/flutter"
export PATH="${FLUTTER}/bin:$PATH"

运行 source .bash_profile 刷新当前PATH

使用echo $PATH 查看当前环境变量

3、环境校验

1、终端执行 flutter doctor

如果提示不存在此命令则环境变量未设置成功，请重复执行第二步

第一次执行会相对较慢，耐心等待即可

执行过程中可能出现的问题：

1、XCode 版本太低

2、AndroidStudio 版本太低，笔者这里使用的 3.3.2版本没有问题

3、缺失ANDROID_HOME 环境变量

4、check licenses time out 根据 flutter 提示执行相关命令

5、缺少开发插件环境，会提示 brew install … 类似命令,安装homebrew 并执行相应命令即可

4、编辑器

笔者这里使用的是AndroidStudio 作为Flutter 的编辑器，相对于VS Code来说，AndroidStudio 的代码提示会好一点

AndroidStudio Preferences>Plugin>Browse repositories… 搜索Flutter 插件，安装Flutter 插件会自动下载Dart插件，如果第一次下载失败，重复下载即可，不需要开启代理

安装完成后重启AndroidStudio

创建Flutter 应用

点击Start a new Flutter project

![step3.jpg](https://upload-images.jianshu.io/upload_images/6113442-1c53fafa97e21d37.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

这里选择 Flutter Application即可，剩下的就 next 即可

点击运行可能会卡在这个部分并且报错

1、报错1 download kotlin 失败

step4.png

这里提示的是 android环境 kotlin 依赖失败

解决：打开 abdroid > build.gradle 文件

配置allprojects

allprojects {
    repositories {
        google()
        jcenter()
        maven { url "https://jitpack.io" }
    }
}

2、报错二

这里我忘记贴图了关键的报错信息是：

no cache in .gradle/caches/4.10.2

打开 android/gradle/wrapper/gradle-wrapper.properties 文件

修改 distributionUrl=https\://services.gradle.org/distributions/gradle-4.10.2-all.zip为你经常使用的gradle 版本

接下来就可以愉快的 run application 了

step5.jpg