万事开头难，这篇文章针对iOS开发者，开启Flutter之旅。
本次版本配置环境：
MacOS Catalina 10.15.7
Flutter SDK 2.2.1
Xcode 12.2.1
Android Studio 4.2.1
JDK jdk1.8.0_291
01 安装Flutter SDK
1.1下载FlutterSDK
- 方式1：git
git clone -b beta https://github.com/flutter/flutter.git
注意：放置路径由自己决定，博主放在了 /users/myc/flutter
1.2 配置Flutter环境变量
在对应的shell配置文件进行配置。
如果使用默认的bash配置，在.bash_profile 中配置如下环境变量。
如果使用zsh，在.zshrc中配置如下环境变量（Mac新系统默认是zsh）
博主用的shell是配置在.zshrc
#Flutter 镜像配置（没有`梯子`的小伙伴需要）
$ export PUB_HOSTED_URL=https://pub.flutter-io.cn
$ export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
#Flutter 环境变量配置
$ export FLUTTER=/Users/myc/flutter/bin
$ export PATH=$FLUTTER:$PATH
配置完成后，打开终端 执行source ~/.zshrc 指令使配置生效。
接下来，通过flutter doctor检测指令，用于检测flutter环境
$ flutter doctor
image.png
打钩就是OK了，[X]就是没配置好，执行相应命令就OK了。
02 安装JDK
JDK（Java Development Kit）：是Java语言的软件开发工具包（即SDK），在JDK的安装目录下有一个jre目录，里面有两个文件夹bin和lib，
- 在这里可以将bin认为是jvm，
- lib中则是jvm工作所需的类库
- jvm+lib 合起来就称为jre
JRE（Java Runtime Environment，java运行环境）：包含JVM标准实现以及Java核心类库。JRE是java运行环境，并不是一个开发环境，所以不包含任何开发工具（例如编译器、调试器）
JVM（Java Virtual Machine，java虚拟机）：是一种用于计算设备的规范，是一个虚构出来的计算机，是通过在实际的计算机上仿真模拟各种计算机功能来实现的
JDK.png
下载完成后，直接点击下一步一步一步安装就好。
配置JDK环境变量
1、进入jdk的安装目录：/Library/Java/JavaVirtualMachines/目录，如下所示
image.png
同样的需要在 ./zshrc中配置环境变量，配置完成后执行source ~/.zshrc
export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_291.jdk/Contents/Home
export JAVA_HOME
export PATH=$PATH:$JAVA_HOME
03 安装 Android Studio
- 方式01 ： 官网下载 （需小
梯子翻墙）
Android Studio.png - 方式02：[国内下载地址]（http://www.android-studio.org/）
安装包下载完成后，直接双击Android Studio打开，将其拖入到Application中，然后点击next...，最后会进入下载界面，等待下载完成即可（注意：这里的下载也是需要翻墙的）
进入偏好设置，如下图安装
image.png
安装Android Studio插件
image.png
当跳出安装Dart插件时，点击Yes进行安装。
安装后重启 Android Studio。
到这里Flutter开发环境就搭建好啦，接下来开启玩转Flutter之旅吧。
