一、Flutter 配置 􏱉􏱊ForMac

􏰀􏰁􏰂􏰃􏰄􏰅􏰅􏰆􏰇􏰈􏰉􏰊􏰋􏰌􏰍􏰎􏰏􏰐􏰑􏰒􏰓􏰔􏰕􏰖􏰗􏰘􏰙􏰚􏰛􏰜􏰝􏰞􏰟􏰝􏰗􏰠􏰡􏰌􏰢􏰣 􏰤􏰥􏰦􏰧􏰨􏰩􏰪􏰫􏰬􏰭􏰮􏰗􏰬􏰯􏰂􏰃􏰄􏰅􏰅􏰆􏰇􏰰􏰱􏰲参考地址
􏰳􏰴􏰵􏰳􏰶Flutter 的配置其实越来越简单了，尤其刚出来的时候，需要配置的东西太多，万事开头难。个人选择使用Android Studio 作为开发Flutter的工具，毕竟亲生的。

二、安装Flutter

1.0本次安装版本如下

Mac OS X 10.15.4
Flutter SDK 1.17.4
Xcode 11.4.1
Android Studio 3.6.3

这里的步骤其实和官方的差不多，大家也可以直接参考官网

1.1下载Flutter的SDK F7FE70C1-D0CC-40AE-B102-3A75F80ED136.png

1.2选择系统

9D7C9EF9-62C8-4242-BB7A-D77336FCE549.png

1.3选择最新版本压缩包下载

81812A35-F4DB-479A-B331-CA54B4AF96AE.png

1.4 解压SDK包

下载完成后，那么接下来就是安装路径了。
因为Flutter的SDK中包含了很多命令行工具。我们需要配置环境变量，所以建议你安装到你平时放命令行工具程序的地方! 我这里安装在了根目录的opt下!
/opt/flutter （仅供参考，安装在哪里看你自己的习惯）

三、配置环境变量

1.1配置镜像文件

因为Flutter 在运行的时候,需要去官方下载所需要的资源.那么没有“梯子”的伙伴你会需要镜像服务器，以下是官方文档的友情提示。

1585209208051-730da222-5833-4c07-8690-404e22d77378.png

来到你对应Shell的配置文件进行配置。
如果你使用默认的bash那么配置 ~/.bash_profile
如果你使用zsh（Mac新系统默认是zsh）那么配置~/.zshrc

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

1.2配置Flutter环境

接下来，将Flutter命令行工具的路径配置一下。还是对应Shell的配置文件中。

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

配置完成后，重新打开终端或者输入命令载入配置

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

那么接下来!我们可以看看Flutter是否配置完成了。Flutter有一个doctor检测指令。专门用于检测你的Flutter环境的。

$ flutter doctor

打钩就是配置OK了. 叉叉就是还没有配置好的.

我们最终要看到下图就...解决了差不多了。

F9AE3846-A2DD-4915-9D87-FE141E39E572.png
那么接下来.我们安装!Android Studio!

1.3配置安卓环境

1.3.1 安装Android Studio
我们先安装Android Studio可以去国内官网下载

1585209208110-aa19e6c0-8b00-4779-a9a7-575cfe9de718.png

1.3.2配置SDK
首次启动会提醒你安装SDK。安装过程无需翻墙。但是有一个工具是需要我们手动安装的。当我们装好了SDK后，打开Android Studio

CMD + ，进入偏好设置
如下图安装

1585209208962-9d37ef87-d266-48da-a476-50f7d512a69e.png

1.3.3 安装Android Studio 的插件
来到Studio的偏好设置里面.

1585209208090-cc4ec208-abe4-42e6-af7c-e35eea0377b9.png

当跳出安装Dart插件的界面时，也点击Yes进行安装。
安装完成后重启Android Studio。可以看到有这样的界面

1585209208125-f1d31815-188f-4582-943f-3dfb732db51f.png

1.3.4解决许可证问题
再次进行Flutter的检测$ flutter doctor会发现许可证问题!

1585209209840-cad8bac4-828b-4098-bd31-f63bb775c4b7.png

-打开Iterm（终端）输入下列命令
然后一直yes