mac 下Flutter环境搭建

Flutter 环境搭建按照官网步骤可能会踩到坑，所以把自己踩到的坑记录下

准备步骤

1 homebrew   

安装

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

homebrew update 时间过长  解决办法

1 ctr + c 跳过

2替换成镜像源 

替换homebrew默认源

cd "$(brew --repo)"
git remote set-url origin git://mirrors.ustc.edu.cn/brew.git

替换homebrew-core源

cd "$(brew --repo)/Library/Taps/homebrew/homebrew-core"
git remote set-url origin git://mirrors.ustc.edu.cn/homebrew-core.git

 

设置bintray 镜像

echo 'export HOMEBREW_BOTTLE_DOMAIN=https://mirrors.ustc.edu.cn/homebrew-bottles' >> ~/.bash_profile
source ~/.bash_profile

或者手动打开文件

输入：sudo vi ~/.bash_profile，按回车输入密码后用vi打开用户目录下的bash_profile文件。一定要用sudo，否则没权限保存文件。

export HOMEBREW_BOTTLE_DOMAIN=https://mirrors.ustc.edu.cn/homebrew-bottles

 

卸载

$ cd `brew --prefix`
$ rm -rf Cellar
$ brew prune
$ rm `git ls-files`
$ rm -r Library/Homebrew Library/Aliases Library/Formula Library/Contributions
$ rm -rf .git
$ rm -rf ~/Library/Caches/Homebrew

 

2 flutter sdk 下载  

下载地址  flutter sdk 下载地址

设置国内镜像 和环境变量

由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中： i 插入环境变量 esc ：wq 保存

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



设置完成后 ~/.bash_profile 中的完整例子
  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

添加完 source ~/.bash_profile  立即生效  如果添加过的环境变量每次都不会主动生效 vi ~/.zshrc 打开文件 在最后面加入source ~/.bash_profile 即可生效

如果可以连接外网，按照官网步骤

如果是国内用户先清除/flutter/bin/cache 

再运行

检查环境配置

flutter doctor --verbose

把提示缺失的环境装上

如果提示 Android license status unknown

运行  flutter doctor —android-licenses

接下来可以使用 Android Studio 或者 VSCode 开始开发了

安装AndroidStudio的Flutter插件，安装成功后，重启Studio（如果中间提示connect错误可能是之前设置过代理）

把之前的代理取消，插件下载完成后就可以看到 flutter项目选项

按照提示创建flutter项目，到最后一步如果没连vpn会卡住，其实在目录文件夹下已经创建好了

打开改项目文件编译运行 提示无法连接google

1 修改build.gradle,注释掉jcenter()，google()。使用阿里的镜像。

buildscript {
    repositories {
        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 {
        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' }
    }
}

2 打开文件 /flutter/packages/flutter_tools/gradle/flutter.gradle 添加代码

buildscript {
    repositories {
        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'
    }
}

再次重启AndroidStudio 运行项目