Flutter需要配置iOS与Android的开发环境,可能遇到各种问题,本文总结了大部分可能遇到的情况,有需要可以点赞收藏
IDE推荐使用 Android Studio 进行 Flutter App 的开发,毕竟是谷歌的亲儿子,代码提示与功能也更加完善,当然如果你想要更加轻量级,可以尝试 VS Code,这里重点介绍 Android Studio + Fluuter SDK 的配置方式,推荐全程使用 V P N,这样速度比较快。
1,下载安装JRE
2,下载安装 Android Studio
-
如果你没有安装 Xcode与CocoPods,请自行安装,CocoPods安装可参考 www.jianshu.com/p/f43b5964f…
-
!注意:尽量不要安装 ruby的最新版本,使用倒数第二个版本即可,最新版本与cocopods可能不兼容, 亲测:安装 ruby 1.7.0 版本,与最新的cocopods不兼容,安装1.6.5即可
3,下载配置 Flutter SDK
- 下载最新发布的sdk,flutter_macos_1.xx.xx-stable.zip
- 将解压后的 flutter 文件夹,移动至你想要配置的sdk路径目录,我一般使用的是和资源库同目录的路径
-
配置环境变量 用 VS Code 或者 Xcode 打开 .bash_profile,若不存在则新建
-
增加变量配置并保存退出
export PATH=/刚配置的路径/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
- 执行命令,一切顺利则显示帮助信息
source ~/.bash_profile
flutter -h
4,检查配置是否正确
- 执行命令,他可以帮你测试 Flutter 环境是否搭建成功,注意前三项必须都为 [√], 至于4-5项中的开发工具选其一即可,我们使用的是 Android Studio
flutter doctor
- 它提示第2项与第4项有问题,我们下面依次解决:
1, 需要接受安卓许可协议 **! Some Android licenses not accepted**
2, 我们 Android Studio 没有安装 Flutter插件 **✗ Flutter plugin not installed**
- 执行命令 (处理 ! Some Android licenses not accepted)
flutter doctor --android-licenses
-
全程输入 y ,
-
进入 Plugins 插件面板 (处理 ✗ Flutter plugin not installed)
-
搜索安装 flutter 插件,并点击 Restart 进行重启。如果搜索不到插件,我也遇到过几次,可以尝试开启VPN, 重启 Android Studio,等待插件页面数据加载出来再进行搜索,多试几次就好,手动安装插件我尝试了没有成功,最好使用 Android Studio安装。
- 再次执行命令
flutter doctor
-
如果遇到 Checking Android licenses is taking an unexpectedly long time.,你需要开启VPN, 并在终端设置代理
-
你可以开始新建 Flutter 项目了🤣
5,遇到Creating Flutter Project 卡死
1,最近经常遇到这个问题,不支持是 Android Studio还是其他什么问题,开VPN也不好使, 等待一分钟,如果还是卡死,就强制退出 Android Studio,其实他已经给你生成了项目文件
2,如果直接运行,由于国内镜像原因,可能报错,Could not resolve com.android.tools.build:gradle:3.5.0,使用VPN也没用
3,解决方法:修改 build.gradle, 注释掉jcenter(),google()。拷贝以下代码,使用阿里的镜像。
//这里Maven的主要功能是:项目构建,项目依赖管理。
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' }
如果还是报错,检查是否开启代理,或者注销重新打开项目
4, 如果你不想每次都修改build.gradle,可以直接配置sdk对应的build.gradle,这样下次新建项目就可以直接使用
你的 flutter sdk的路径/packages/flutter_tools/gradle
我这里是 /Users/rsf/flutter/packages/flutter_tools/gradle
使用VSCode或者Android Studio打开,释掉jcenter(),google()。使用阿里的镜像即可
5,如果阿里镜像地址变更了,请参考 maven.aliyun.com/mvn/guide
6, Waiting for another flutter command to release the startup lock
- 关闭 AndroidStudio
- 找的 flutter sdk 安装路径/bin/cache, 删除 lockfile 文件,再打开 AndroidStudio,如果不行可尝试删除文件后重启电脑
7, -bash: fultter: command not found
如果你的配置是按照上面配置正确的,执行以下命令就行了,打印出正确信息就可以了,然后再去执行其他命令
source .bash_profile
flutter -h
8,其他
- Xcode 环境请自行配置,这里不做说明,详细信息开启VPN访问 flutter.dev/setup/
- 执行 which flutter 可以获取 flutter sdk路径,
- 如果出现 ✗ Android SDK is missing command line tools; download from xxx , 你需要重新安装或更新您的Android SDK。
- 如果打开IDE,提示没有Dart SDK,请配置 Flutter SDK 路径
!
9,友好链接
大佬博客推荐: