Flutter环境搭建看我就够了(总结了你可能遇到的各种情况)

1,639 阅读4分钟

Flutter需要配置iOS与Android的开发环境,可能遇到各种问题,本文总结了大部分可能遇到的情况,有需要可以点赞收藏

IDE推荐使用 Android Studio 进行 Flutter App 的开发,毕竟是谷歌的亲儿子,代码提示与功能也更加完善,当然如果你想要更加轻量级,可以尝试 VS Code,这里重点介绍 Android Studio + Fluuter SDK 的配置方式,推荐全程使用 V P N,这样速度比较快。

1,下载安装JRE

2,下载安装 Android Studio

  • 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

  • 将解压后的 flutter 文件夹,移动至你想要配置的sdk路径目录,我一般使用的是和资源库同目录的路径

1

  • 配置环境变量 用 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官方插件地址,如果上面不行,可以尝试本地安装

  • 再次执行命令
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

  1. 关闭 AndroidStudio
  2. 找的 flutter sdk 安装路径/bin/cache, 删除 lockfile 文件,再打开 AndroidStudio,如果不行可尝试删除文件后重启电脑

7, -bash: fultter: command not found

如果你的配置是按照上面配置正确的,执行以下命令就行了,打印出正确信息就可以了,然后再去执行其他命令

source .bash_profile
flutter -h 

8,其他

  1. Xcode 环境请自行配置,这里不做说明,详细信息开启VPN访问 flutter.dev/setup/
  2. 执行 which flutter 可以获取 flutter sdk路径,
  3. 如果出现 ✗ Android SDK is missing command line tools; download from xxx , 你需要重新安装或更新您的Android SDK。
  4. 如果打开IDE,提示没有Dart SDK,请配置 Flutter SDK 路径 !

9,友好链接

大佬博客推荐:

有问题可以留言,看到回复