Mac安装配置Flutter环境

前言

各位老铁，上周末参加了深圳的GDG，在大会上腾讯的小哥哥接过Google在I/O大会上的接力棒，继续骗我们学习Flutter。于是，我被洗脑了。Ozo......今天就记录一下Mac环境下安装配置Flutter环境的操作步骤。欢迎大家一起入坑！！

1. 获取最新的Flutter SDK

注意：记住这里下载flutter的地址，后面会使用

git clone -b beta https://github.com/flutter/flutter.git

下载flutter.png

2. 进入到Flutter保存的目录下面

export PATH=pwd/flutter/bin:$PATH

设置路径.png

注意：这里是要在你下载的路径下面输入这行代码

2.1 国内因为网络环境的原因，大部分会失败，我们使用下面Google为中国地区提供的镜像进行配置

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
git clone -b dev https://github.com/flutter/flutter.git
export PATH="PATH"
cd ./flutter
flutter doctor

国内镜像配置.png

继续在终端运行 flutter doctor

运行下面的命令检查一下是否需要安装依赖项，完成安装

flutter doctor

运行成功.png

在第一次运行这个命令的时候，会自动下载安装flutter所需要的相关依赖项。如果部分安装失败，根据失败项的提示进行安装。

3 安装Flutter和Dart

我就用Android Studio作为示例，打开Preferences面板，在Plugins中搜索Flutter，install，安装时自动安装Dart，安装完成后重启AndroidStudio

安装Flutter插件.png

重启Android Studio之后，File->New 中出现 New Flutter Project，说明安装成功

创建Flutter项目.png

4. 创建Flutter 项目

File -> New -> New Flutter Project，选择Flutter Application -> Next,这里注意 Flutter SDK的路径是否正确。这里的SDK路径就是步骤一中下载flutter的路径。

新建Flutter.png

安装过程问题：
在创建的过程中 Create Flutter project这个界面会一直卡主不动。
解决方案：
在等待十分钟时候，选择强制退出Android Studio。然后，注意！注意！注意！这个时候，AS已经把Flutter项目创建好了，我们选择open打开这个flutter项目

示例

然后，我们打开File -> Settings -> Languages & Frameworks ->Flutter，在图中所示位置选择步骤一中的SDK路径，然后重新编译一下就OK了。

image.png

结语

好了，mac上配置flutter的步骤记录完了。有不懂的地方，欢迎各位老铁留言。同时，骗大家学习一波flutter。