
编程里每次涉及环境配置,软件安装的虽说都要例常折腾一下,但是还真没碰到 Flutter 这么能折腾的
本文是 mac 版的,window 不涉及
安装 Flutter SDK,下载 Dart
- 国内访问 Flutter 受到限制,需要再 MAC path 里添加 Flutter 官方指定镜像,打开命令行输入以下命令
// 打开 path 配置文件
open -e .bash_profile
// 加入镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
// 刷新配置文件
source .bash_profile
- git clone Flutter SDK
有了镜像地址就能把 Flutter SDK 搞下来了,在根目录运行
git clone -b beta https://github.com/flutter/flutter.git
速度挺快的,1分钟就 OK
3.添加 Flutter path 到 MAC path 配置文件中
下面这是官方指定参考,大家按照这个来,不光 Flutter 的 path,其他的大家也可以参考
export PATH=/Users/用户名/Documents/flutter/flutter/bin:$PATH
export ANDROID_HOME="/Users/用户名/Documents/android_sdk" //android sdk目录,替换为你自己的即可
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
- 检测 Futter 运行环境
执行这个命令
Flutter doctor
首先会下载 Dart 下来,然后会检测 Flutter 需要的配置,√
的选项说明没问题,!
说明有问题需要解决

- AS 最低 3.0
- android toolchain 这里大家一般都有问题,解决办法是根据提示,运行
flutter doctor --android-licenses
然后一路 yes,就可以了
AS 安装插件
你以为这就完事了嘛,没呢,AS 还需要 Flutter 和 Dart 插件呢,这里我不多说了,安装插件大家都会,看好名字别安装错了,安装完重新 AS
第一个坑
Flutter 创建出的项目 local.properties 里的 android SDK 路径是瞎写的,需要改成自己的 SDK 路径

第二个坑
上面大家做好了,Flutter 环境算是搞完了,但是别高兴,还没完呢,后面还有坑等着呢...
大家会发现在创建第一个 Flutter 项目时,会一直卡在 Create Flutter Project 这里,这是必现的问题,解决办法非常蛋疼
- 先创建 Flutter plugin 项目,然后等着创建完毕
- 再来 Flutter Application 项目就 OK 了
第一次创建 Flutter 项目很耗时,看着就跟假死一样,一班5分钟过去还是不行的话强退重来。另外 Flutter 项目名第一个字幕不能大写

不要质疑这个解决办法,经测试只有这一个方法靠谱...
说实话,我想不明白啊,为啥 Goolg 要搞得这么复杂,痛痛快快的不好嘛,Goolge 出的 IDE 上手都蛋疼
第三个坑
很多人链接不上 google() 这个远程库,然后很大几率编译错误,会提示这个错,或者有的朋友编译时一直卡在 Initializing gradle 这里
buildscript {
repositories {
google()
jcenter()
}
dependencies {
classpath 'com.android.tools.build:gradle:3.2.1'
}
}

处理起来有几种方法,不一定都适用每个人
- 有的朋友挂 VPN 都不 OK 的话,就换手机热点试试,热点不 OK 就再热点里挂 VPN,有不少哦鞥有就能连上了
- 还不 OK 的话,就只有使用代理了
- android 项目 gradle 文件添加下面阿里的代理
buildscript {
repositories {
// google()
// jcenter()
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.2.1'
}
}
allprojects {
repositories {
// google()
// jcenter()
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 SDK 里的 gradle 配置,路径:
flutter ▸ packages ▸ flutter_tools ▸ gradle
buildscript {
repositories {
//注视掉原有的,采用镜像地址下载
// google()
// jcenter()
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.2.1'
}
}
第四个坑 - 缺少 SDK 证书
flutte 需要 android SDK 授权,要不会报下面这个错
License for package Android SDK Build-Tools 28.0.3 not accepted
问题解决起来不难,android SDK 提供了授权工具,我们运行以下就行,工具地址在:
- -> Android sdk 路径/tools/bin 里的 sdkmanager.bat 文件

最后
好了经过上面的一顿折腾,Flutter 总算是能跑起来了,真尼玛费劲啊,Google 这是要干啥...
网友评论