1、先安裝最新版本的Xcode開發(fā)工具和Android studio開發(fā)工具
2、在Flutter官網(wǎng)下載最新可用的安裝包
將安裝包移動到自己想要安裝到的文件夾目錄下，比如，我這里是放在了資源庫下面，后面設(shè)置使用路徑的時候會用到這個目錄的路徑
3、添加flutter相關(guān)工具到path中
方式一：設(shè)置后只能在當前打開的終端中使用
在終端執(zhí)行：export PATH=`pwd`/flutter/bin:$PATH
其中的`pwd`就是安裝flutter的時候選擇的目錄，比如我是安裝在資源庫下面的，執(zhí)行的命令應(yīng)該是：
export PATH=/Users/xjkmini-ios/Library/flutter/bin:$PATH
設(shè)置好以后在終端執(zhí)行命令：flutter doctor
如果沒有報錯找不到命令，代表設(shè)置成功，但是這種方式可能關(guān)閉終端再次打開后就需要再次設(shè)置才能使用
方式二：永久將Flutter添加到PATH中
在終端執(zhí)行open ~/.bash_profile命令，打開bash_profile文件，如果沒有則執(zhí)行touch ~/.bash_profile進行創(chuàng)建，然后將以下命令添加到bash_profile文件中
export PUB_HOSTED_URL=https://pub.flutter-io.cn//國內(nèi)用戶需要設(shè)置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn//國內(nèi)用戶需要設(shè)置
export PATH=`pwd`/flutter/bin:$PATH
注意這里的`pwd`/flutter就是上一步中將sdk拷貝到自己系統(tǒng)的路徑，如下圖：
將命令添加到文件中以后，control+s保存內(nèi)容，關(guān)閉文件窗口
然后在終端中執(zhí)行命令：source ~/.bash_profile刷新
關(guān)閉終端，然后再次打開終端，然后直接執(zhí)行flutter doctor命令，如果執(zhí)行成功，沒有報錯command not found flutter，那么我們就配置成功了
但是如果還是報錯command not found flutter，說明我們沒有配置成功
這個時候執(zhí)行命令source ~/.bash_profile刷新，然后再執(zhí)行命令flutter doctor。如果沒有報錯，那就說明你mac電腦的默認shell不是bash了，而是zshrc了，因為蘋果公司發(fā)布了macOS Catalina(10.15)之后，macOS的默認終端從bash變成了zsh
所以接下來有兩種方式可以解決這個問題：
（1）、直接在.zshrc文件中配置flutter的環(huán)境變量
（2）、依然在bash_profile中配置環(huán)境變量，但是在.zshrc文件中添加命令source ~/.bash_profile。
這樣就相當于，每次打開終端時，就自動執(zhí)行了source ~/.bash_profile命令，可以達到同樣的效果。
但是為了方便我們管理環(huán)境變量配置，建議用第2種方式，因為我們有可能不光flutter配置會用到相關(guān)的工具，所以使用bash_profile單獨進行管理。
4、修改環(huán)境檢查還需要配置的項
配置完成以后關(guān)閉終端重新打開再次執(zhí)行命令：flutter doctor
看到正在檢查flutter環(huán)境，就說明安裝成功了，但還會有部分需要配置的內(nèi)容，如下圖：
檢查環(huán)境以后，還需要配置的項會列舉出來，需要繼續(xù)修改，檢查通過才能正常使用
報錯信息：Android toolchain - develop for Android devices (Android SDK version
? ? 32.1.0-rc1)
? ? ? cmdline-tools component is missing
? ? ? Run `path/to/sdkmanager --install "cmdline-tools;latest"`
? ? ? See https://developer.android.com/studio/command-line for more details.
? ? ? Android license status unknown.
? ? ? Run `flutter doctor --android-licenses` to accept the SDK licenses.
? ? ? See https://flutter.dev/docs/get-started/install/macos#android-setup for
? ? ? more details.
是因為Android Studio中缺少SDK，需要安裝對應(yīng)的SDK，步驟如下：
打開Android Studio，選擇菜單Tools中的SDK Manager選項，打開SDK配置窗口，
在窗口中選擇SDK Tools選項卡
然后勾選下圖中紅框內(nèi)的選項，然后點擊ok等待下載成功
下載完成以后，回到終端中執(zhí)行flutter doctor命令繼續(xù)檢查環(huán)境
如下圖，說明SDK的問題已經(jīng)解決，但是驗證不通過
按照提示，執(zhí)行命令：flutter doctor --android-licenses
然后一直輸入y并回車就可以了，再次執(zhí)行flutter doctor，可以看到工具的問題已經(jīng)解決
報錯信息：Chrome - develop for the web (Cannot find Chrome executable at /Applications/Google
? ? Chrome.app/Contents/MacOS/Google Chrome)
? ? ! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
是因為沒有安裝谷歌瀏覽器，去官網(wǎng)下載一個谷歌瀏覽器安裝就行了
安裝好以后再次檢查環(huán)境
剩下最后一個警告，路徑https://maven.google.com/無法使用
解決辦法如下：
1、找到flutter sdk的文件目錄，就是前面的安裝目錄，打開flutter\packages\flutter_tools\lib\src\http_host_validator.dart文件，使用文本編輯器打開。
2、將文本中的路徑https://maven.google.com/ 修改為https://dl.google.com/dl/android/maven2/，然后保存退出
3、關(guān)閉終端窗口，重新打開終端窗口
4、在安裝目錄下，去到flutter\bin目錄，刪除cache文件夾
5、在終端命令窗口重新運行flutter doctor，看到檢查項全部為綠色勾狀態(tài)，問題全部解決，環(huán)境搭建成功。
到這一步檢查全部通過，就代表環(huán)境搭建成功了，可以去Android Studio中創(chuàng)建Flutter項目進行開發(fā)了。
