使用Mac搭建Flutter开发环境

一、下载及安装Flutter

1. 进入Flutter官网，选择macOS平台
   

   16351256709212.jpg

2. 点击flutter_macos_2.5.3_stable.zip进行下载最新稳定版
   

   16351259067345.jpg

Flutter官网下载地址：
https://flutter.dev/docs/get-started/install/macos
Flutter 中文网：
https://flutterchina.club

3. 下载完成后，那么接下来就是安装路径了。因为Flutter的SDK中包含了很多命令行工具。我们需要配置环境变量，所以建议你安装到你平时放命令行工具程序的地方！我这里放在了家目录下~/flutter

   
   
   16349753472792.jpg

二、配置镜像和环境变量

在家目录下进行配置环境
旧系统：~/.bash_profile
新系统：~/.zshrc

# 配置Flutter环境变量
export FLUTTER=~/flutter
export PATH=$FLUTTER/bin:$PATH
# 配置Flutter镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

载入配置的环境变量
$ source ~/.zshrc
若在 bash_profile 配置的则用
$ source ~/.bash_profile

三、检测Flutter

使用 flutter doctor 或 flutter --version 检测是否成功。

16349768040129.jpg

四、配置Android环境

1. 安装Android Studio
   官网下载：https://developer.android.google.cn/studio
   
   16349771930811.jpg

2. 根据安装向导，我们需要安装以下工具及SDK，安装过程不需要梯子

• Android SDK
• Android SDK Command- -line Tools
• and Android SDK Build- -Tools

我们也可以进入偏好设置进行设置，使用快捷键Command + ,如下图安装

16349776095419.jpg

3. 给Android Studio安装Flutter插件，当跳出安装Dart插件的界面时，也点击Install进行安装。

   
   
   16349777021677.jpg

安装完成后重启Android Studio 就可以看到有这样的界面

16349778892082.jpg

4. 解决JDK的问题

cd/Applications/Android\Studio.app/Contents/jre
ln-s../jrejdk
ln-s"/Library/InternetPlug-Ins/JavaAppletPlugin.plugin"jdk
flutter doctor -v

5. 解决Android许可证的问题

flutter doctor --android-licenses

6. 解决Gradle卡死的问题
   在首次运行的时候，会发现卡在这不动了。原因是Gradle的Maven仓库在国....这个嘛～
   Running Gradle task 'assembleDebug'...

7. 修改项目下的build.gradle文件
   文件路径:
   修改内容: 找到项目--> Android -- >build.gradle文件buildscript 和 allprojects 将里面的 google() 和 mavenCentral() 修改为以下代码

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'}  

如下图所示

16349790181387.jpg

8. 修改Flutter安装目录中的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:3.5.0'
        }
    }
}

16349799411224.jpg