Flutter-Mac环境搭建

有关Flutter的介绍我这里就不多说了，可以去Futter中文网去了解。

Flutter开发个人建议选择使用Android Studio 作为开发Flutter的工具，处于对Google兼容性的考虑(其它也可以用VSCode)。

接下来直入主题

安装Flutter

可以直接参考官网，步骤差不多

更新HomeBrew

Mac下默认带HomeBrew工具包，不过我们最好在安装flutter前去更新一下它。

$ brew update

下载Flutter的SDK

首先进入官网，然后点击下方所示按钮

官网下载
接着按步骤选择对应系统安装

选择安装
选择最新版本压缩包下载

下载

解压SDK压缩包
这里需要配置安装路径

注：Flutter因为包含了众多命令行工具，因此我们需要配置下环境变量，这里建议把Flutter安装到你平时放命令行工具程序的地方(个人习惯，仅供参考)

配置环境变量

配置镜像

因为Flutter运行时会去官方自动下载所需资源，此时没'fq'的话会比较慢，官方文档里包含友情提示，告诉中国的使用者安装配置镜像服务器

友情提示

首先找到Shell的配置文件，对应目录如下：

如果使用的是默认的bash：~/.bash_profile
如果使用的是zsh：~/.zshrc

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

配置Flutter环境变量
还是在Shell的配置文件中

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

配置完成后载入配置

# 配置文件的路径
$ source ~/.bash_profile

最后检测Flutter是否配置完成

$ flutter doctor

终端显示

这里有问题的话终端也会明确的指出，并给你相应提示

配置安卓环境

去官网安装Android Studio

官网

然后继续flutter_doctor检测并按照提示修改解决问题

配置安卓环境变量
Shell配置文件中

#安卓
export ANDROID_HOME=~/Library/Android/sdk
#安卓模拟器路径
export PATH=${PATH}:${ANDROID_HOME}/emulator
#安卓tools路径
export PATH=${PATH}:${ANDROID_HOME}/tools
#安卓 平台工具
export PATH=${PATH}:${ANDROID_HOME}/platform-tools

安装Android Studio的插件
在偏好设置里面

插件安装

弹出安装Dart插件的界面，也要点击Yes进行安装

安装完成后重启Android Studio
可以看到多出了这么一条

启动界面

最后再进行 $ flutter doctor 检测基本就不会有问题了

配置安卓的模拟器

打开AndroidStudio在工具栏上的模拟器管理

配置模拟器

点开后选择创建设备

创建设备

选择设备

选择系统

模拟器名字尽量简单，因为后期可能会用命令启动模拟器

配置虚拟机加速
首先进入SDK Manager

入口

安装虚拟机加速

来到目录下

$ ~/Library/Android/sdk/extras/intel/Hardware_Accelerated_Execution_Manager/

安装程序

查看进程

$ kextstat | grep intel

配置iOS环境

需要匹配Xcode版本（当前1.7.8需要xcode10）

检测flutter doctor

iOS所需环境

安装报错

报错

可以去github的issues里面找答案

issues截图

解决问题

$ brew link  pkg-config
$ brew install --HEAD usbmuxd
$ brew unlink usbmuxd
$ brew link usbmuxd
$ brew install --HEAD libimobiledevice 
$ brew install ideviceinstaller

最后再flutter doctor检测一下，没问题了就配置完成!