Flutter -- 01: Mac环境配置

万事开头难，这篇文章针对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

• 方式2：官网下载
  1.1.1进入官网，选择对应系统
  
  选择系统.png
  
  1.1.2选择最新压缩包下载
  
  SDK压缩包下载.png
  
  1.1.3解压SDK压缩包

注意：放置路径由自己决定，博主放在了 /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

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之旅吧。