Mac环境搭建Flutter并配置环境变量

1.安装Flutter

1.1 下载flutter的SDK

下载链接： https://gi thub.com/flutter/flutter

1.2 解压SDK包

建议把解压的SDK包放置在根目录下，假设目录为/opt/flutter

2. 配置环境变量

2.1 进入当前用户的根目录

cd ~

2.2 创建.bash_profile

touch .bash_profile

2.3 编辑.bash_profile文件

open -e .bash_profile

2.4 配置镜像

在文本中输入

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=~/opt/flutter/bin:$PATH

配置Android SDK路径

export ANDROID_HOME="/Users/用户名/Library/Android/sdk" //android sdk目录，替换为你自己的
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools

2.5 保存文件(CMD+S)

2.6 更新配置的环境变量

source .bash_profile

2.7 验证PATH

echo $PATH

2.8 验证是否安装成功

flutter --versioin    // flutter版本
flutter doctor        // 检测安装情况

当出现以下情况时，表示安装成功

安装完成

3.配置安卓环境

3.1 安装Android Studio

下载链接：https://developer.android.google.cn/studio

3.2 解压安装成功之后，打开Android Studio

3.3 CMD+, 进入偏好设置，如下图所示

image

3.4 安装Android Studio的插件

image

安装成功之后重启Android Studio，就可以看到如下界面

启动界面

3.5 解决许可证问题，通过flutter doctor出现如下报错的时候，可以通过终端输入flutter doctor --android-licenses就可以解决问题

许可证问题

3.6 配置安卓模拟器，可以选择一款国内的“夜神”模拟器(NoxAppPlayer)，选择它主要是因为它可以支持Mac版本，安装成功之后就可以看到如下页面

下载地址：https://www.yeshen.com/

夜神模拟器

3.7 解决Gradle卡住问题

那么首次启动的时候，你会发现卡在这不动了。原因是Gradle的Maven仓库在国外......然后你就懂了

Running Gradle task 'assembleDebug'

解决它比较简单的操作就是镜像。配置如下：

3.7.1 修改项目下的 build.gradle 文件

• 文件路径：项目-->Android-->build.gradle 文件
• 修改内容：找到 buildscript 和 allprojects 将里面的：

google()
jcenter()

修改为阿里云镜像

maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'https://maven.aliyun.com/nexus/content/groups/public' }

如下图

build.gradle

3.7.2 修改Flutter安装目录中的flutter.gradle文件

• 文件路径：flutter/packages/fluttr_tools/gradle/flutter.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.5.0'
    }
}