记录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
这里选择 Flutter Application即可,剩下的就 next 即可
点击运行可能会卡在这个部分并且报错
1、报错1 download kotlin 失败
这里提示的是 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 了