Flutter 开发环境搭建

Flutter中文网 https://flutterchina.club/setup-macos/

1. 配置环境变量

1.1 使用镜像

Flutter官方为中国开发者搭建的临时镜像

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

腾讯云开源镜像站

$ export PUB_HOSTED_URL=https://mirrors.cloud.tencent.com/dart-pub
$ export FLUTTER_STORAGE_BASE_URL=https://mirrors.cloud.tencent.com/flutter

1.2 MacOS环境变量配置（题外话）

MacOS添加环境变量是在.bash_profile文件中。

cd ~
open -e .bash_profile (打开.bash_profile文件)

source .bash_profile （使配置立即生效，无需重启Mac）

echo &PATH (在命令行输出PATH，检测配置是否正确)

2. 下载Flutter SDK

2.1 下载

我使用的是腾讯云的镜像站，下载一个稳定版的Flutter sdk.

https://mirrors.cloud.tencent.com/flutter/flutter_infra/releases/stable/macos/

2.2 配置

下载zip,解压后，将Flutter也添加到环境变量。
我这边路径如下：

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=$PATH:/Users/zhengwei/Library/flutter/bin

3. 安装Flutter&Dart插件

Flutter开发工具有 Android Studio、VS Code，我们基于AS开发，需要安装flutter、Dart两个插件。

插件安装好之后，可以通过Flutter命令来检查开发环境是否准备好。

flutter doctor

4. 问题

4.1 flutter doctor提示license 状态未知问题

Android license status unknown

推荐参考这边博客解决
https://www.jianshu.com/p/8f4c57045166

4.2 编译报错

这个是由于网络限制的原因，无法访问对应的库文件，导致编译失败。

Running Gradle task 'assembleDebug'... 
...
Could not resolve io.flutter:arm64_v8a_debug...
...

1. 修改flutter sdk 目录下的flutter.gradle
   路径为 /Users/zhengwei/Library/flutter/packages/flutter_tools/gradle/flutter.gradle
   针对如下两处做修改

buildscript {
    repositories {
    	// 修改1
        //google()
        //jcenter()
        maven { url 'http://download.flutter.io' }
        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.5.0'
    }
}


	//	修改2
    //private static final String MAVEN_REPO      = "https://storage.googleapis.com/download.flutter.io";
    private static final String MAVEN_REPO      = "https://storage.flutter-io.cn/download.flutter.io";

5. 运行

flutter doctor

检测结果如下：（Xcode不用关心，这个开发iOS的IDE）

App运行界面