前言：本文仅供学习，拒绝转载！

本文只是按照Flutter中文网的安装教程中具体实现步骤所做的记录，因为有些太详细的东西Flutter中文网并没做过多的解释，所以在此做一个详细的教程，便于以后再次安装省时省事。

Step 1： 下载安装包，配置环境变量

第一步肯定就是获取安装包了，建议是通过去flutter官网下载其最新、稳定的安装包，转到下载页 ，下载速度取决于自身网速。

ps: 稳定安装包通过选择Stable channel (macOS)通道里面的最新版本下载即可，如果不是为了尝鲜flutter最新的功能或者API的话，个人建议是下载稳定的版本，毕竟bate版这个玄之又玄的东西，新手不建议使用。

安装包

下载完成之后，就是上面这个Zip格式的压缩文件，然后把这个文件解压到你想要安装的目录中去，下面这个步骤官网是通过终端命令的方式去解压缩。

cd ~/development
unzip ~/Downloads/flutter_macos_v1.5.4-hotfix.2-stable.zip

具体怎么做呢？请看分解动作 敲黑板划重点！！！

目录结构.png

cd Library/Flutter

然后执行下面的命令解压缩我们下载下来的zip文件即可，也可以手动解压缩放到对应的目录下面

unzip ~/Downloads/flutter_macos_v1.5.4-hotfix.2-stable.zip

至此已经是安装初步完成，但是还是需要验证是否安装成功
注意：在验证是否安装成功之前，需要先配置一个临时的环境变量，只会在当前命令窗口生效
执行以下命令行

export PATH=`pwd`/flutter/bin:$PATH

(以上设置只是设置了临时环境变量，并不是说Flutter的环境变量就此设置完毕)
如果没有报错即为配置完成，然后运行 flutter doctor

flutter doctor

可以看到我本机的Flutter已经安装完毕

输出结果.png

随之一起输出的还有各个开发环境的配置情况

环境配置情况.png

Step 2： IDE配置，Xcode & Android Studio & VS Code

一步一步来吧，因为我自己是iOS开发，所以就从熟悉的Xcode开始，可以看到原因是因为macOS 缺失的软件包的管理器造成的，安装方法也很简单，直接执行以下命令即可
ps： brew的官网里面有此插件的介绍，感兴趣的可以看一下

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

经过一次暂停需要手动敲击任何按键进行继续安装，之后输入本机电脑密码之后，安装完成。

安装brew成功.png

之后继续运行 flutter doctor 查看配置信息

flutter doctor

配置信息.png

可以看到iOS的环境依旧是感叹号，三个原因：

• 一个原因是brew没有进行初始化操作
• 另一个原因就是ios-deploy not installed.
• 最后一个原因是cocoapods与flutter的依赖关系造成的，具体可以参考https://flutter.dev/platform-plugins

OK，那么先按照提示执行pod setup操作，众所周知这个pod setup是一个比较漫长的过程，喝杯茶等一下吧。
其实我自己的pod是安装过的，可能是版本太低，或者配置不正确的原因造成的，我查看了一下pod --version，发现我的版本号并不低，那就可能是依赖关系，或者配置造成的原因，具体原因有待深究，小伙伴可以留言一起探讨

pod setup

pod操作.png

pod setup之后，顺便执行一下 检查更新

sudo gem install cocoapods

然后再次执行 pod --version 查看pod版本号，发现已经更新到最新的1.7.1的版本

pod version.png

brew update
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-deploy

iOS适配结果.png

安装插件.png

安装Flutter插件.png

flutter doctor

需同意协议.png

flutter doctor --android-licenses

image.png

最终结果.png