Mac + AS + Flutter配置

Mac系统上搭建Flutter开发环境

1.克隆Flutter代码

将Flutter代码下载到本地，git命令行、git界面工具、网页直接下载，只要把Flutter代码下载到本地就行

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

最近github好像有点不给力，下载可能特别慢。推荐一个码云地址https://gitee.com/mirrors/Flutter 下载快，每日同步更新官方代码，其实也不错。

2.配置环境变量

将Flutter代码中bin文件目录添加到系统环境变量中，这里和java环境配置大同小异，mac端具体操作如下：

第一步：
cd ~           // 在终端进入用户目录，一般打开终端默认就是

第二步：
open .bash_profile    // 打开配置文件
// 另 如果 .bash_profile文件不存在需先创建再打开，具体如下：
// touch .bash_profile
// open .bash_profile

第三步：
export PATH=${PATH}:/Users/xxx/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
// 复制三行到bash_profile文件中 保存关闭即可
// “/Users/xxx/flutter/bin” 为Flutter下载到本地的目录地址，其他两句为方便在天朝正常使用flutter而添加，无需改动

第四步：
source .bash_profile      // 执行文件 使命令生效

3.测试Flutter环境是否配置成功

打开终端输入 flutter
出现 flutter相关命令用法则表示配置成功

4.使用flutter doctor安装其他依赖

打开终端输入 flutter doctor
等待......
完成后会显示所有所需工具如Android studio + Android toolchain
打√的表示已安装

5. 《重磅》配置AndridStudio，安装相关插件

打开AndroidStudio 打开Setting Preferences -> Plugins
依次安装Flutter、dart插件

1.Flutter安装成功后重启AS会默认设置成功配置路径
2.Dart安装成功后重启AS 再次打开Setting Preferences -> Languages & Frameworks 
勾选 Enable Dart support for the project 'flutter_app'
配置Dart SDK path为:  Flutter代码下载地址/bin/cache/dart-sdk

6.重启Android Studio

点击 Flie ->New ->New Flutter
出现New Flutter选项表示最终成功开始写你的Hello world吧

结尾：

安装过程挺简单的，过程中遇到两个问题。

1.网上一波操作最后打开AS并没发现创建Flutter入口，最后发现AS中少安装了Flutter插件，必须安装并确认配置才有New Flutter

2.在第三步测试Flutter环境是否配置成功时，打开终端输入flutter出现了flutter相关命令使用说明， 但是同时报了一个
// error：invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: Library/Developer/CommandLineTools/usr/bin/xcrun
按网上许多说法命令行重新安装Xcode，并没用，其实问题在于无CommandLineTools，最后在官网http://developer.apple.com/downloads下载OS对应版本的CommandLineTools，最后安装即可

最后编辑于：2018.07.25 11:45:13