Flutter环境配置--Mac

安装Flutter

可以直接参考官网

1.1 进入官网

点击开始

1.2 选择系统

选择系统

1.3 选择最新版本压缩包

选择最新版本

1.4 解压SKD

因为Flutter的SDK中包含了很多命令行工具。我们需要配置环境变量，所以建议你安装到你平时放命令行工具程序的地方!

1.5 环境镜像

因为Flutter 在运行的时候,需要去官方下载所需要的资源.那么没有“梯子”的伙伴你会需要镜像服务器

来到你对应Shell的配置文件进行配置。
如果你使用默认的bash那么配置 ~/.bash_profile
如果你使用zsh（Mac新系统默认是zsh）那么配置~/.zshrc

镜像配置

#Flutter 镜像配置
$ export PUB_HOSTED_URL=https://pub.flutter-io.cn
$ export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

环境变量

因为在项目中有 SDK 的绝对路径, 如果是多人开发的时候, 如果各自的路径不同, 肯定会给我们带来一定的麻烦。建议把 flutter SDK 放到根目录的 /opt

#Flutter 配置
$ export FLUTTER=/opt/flutter/bin
$ export PATH=$FLUTTER:$PATH

配置完成后，重新打开终端或者输入命令载入配置

#你自己的配置文件路径
$ source ~/.zshrc

那么接下来!我们可以看看Flutter是否配置完成了。Flutter有一个doctor检测指令。专门用于检测你的Flutter环境的。

$ flutter doctor

运行报错The Flutter directory is not a clone of the GitHub project.

The Flutter directory is not a clone of the GitHub project.

解决办法：进入到flutter安装目录，运行git init，再运行flutter doctor

运行报错Unable to locate Android SDK.

Unable to locate Android SDK

解决办法：在~/.zshrc中新增下面配置，再运行flutter doctor

export ANDROID_HOME="/Users/yangyangpeng/Library/Android/sdk"
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools

运行报错Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses

终端输入flutter doctor --android-licenses后，一直输入Y就可以了，再次运行flutter doctor

运行成功

Android Studio配置

来到Studio的偏好设置里面，安装Dart插件

image.png

配置安卓模拟器

我发现安卓自带的模拟器不好用。原因主要是因为....太丑。选择了一款国内的“夜神”模拟器 NoxAppPlayer，其实类似的安卓模拟器有很多，选择它主要是因为它有Mac版本。安装就能用。装好了启动！你会看到Studio上面有显示了。

image.png

解决Gradle卡主问题

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

修改项目下的 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 'http://maven.aliyun.com/nexus/content/groups/public' }

image.png

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

我们可以修改flutter.gradle文件的后缀名来进行编辑修改

• 文件路径：flutter/packages/flutter_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:4.1.0'
    }
}