1匪燕、先安裝最新版本的Xcode開發(fā)工具和Android studio開發(fā)工具
2吹缔、在Flutter官網(wǎng)下載最新可用的安裝包
將安裝包移動(dòng)到自己想要安裝到的文件夾目錄下，比如仁烹，我這里是放在了資源庫下面欠痴，后面設(shè)置使用路徑的時(shí)候會(huì)用到這個(gè)目錄的路徑
3迄靠、添加flutter相關(guān)工具到path中
方式一：設(shè)置后只能在當(dāng)前打開的終端中使用
在終端執(zhí)行：export PATH=`pwd`/flutter/bin:$PATH
其中的`pwd`就是安裝flutter的時(shí)候選擇的目錄，比如我是安裝在資源庫下面的喇辽，執(zhí)行的命令應(yīng)該是：
export PATH=/Users/xjkmini-ios/Library/flutter/bin:$PATH
設(shè)置好以后在終端執(zhí)行命令：flutter doctor
如果沒有報(bào)錯(cuò)找不到命令掌挚，代表設(shè)置成功，但是這種方式可能關(guān)閉終端再次打開后就需要再次設(shè)置才能使用
方式二：永久將Flutter添加到PATH中
在終端執(zhí)行open ~/.bash_profile命令菩咨，打開bash_profile文件吠式，如果沒有則執(zhí)行touch ~/.bash_profile進(jìn)行創(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í)行成功标捺，沒有報(bào)錯(cuò)command not found flutter懊纳，那么我們就配置成功了
但是如果還是報(bào)錯(cuò)command not found flutter揉抵，說明我們沒有配置成功
這個(gè)時(shí)候執(zhí)行命令source ~/.bash_profile刷新，然后再執(zhí)行命令flutter doctor嗤疯。如果沒有報(bào)錯(cuò)冤今，那就說明你mac電腦的默認(rèn)shell不是bash了，而是zshrc了茂缚，因?yàn)樘O果公司發(fā)布了macOS Catalina(10.15)之后辟汰，macOS的默認(rèn)終端從bash變成了zsh
所以接下來有兩種方式可以解決這個(gè)問題：
（1）、直接在.zshrc文件中配置flutter的環(huán)境變量
（2）阱佛、依然在bash_profile中配置環(huán)境變量帖汞，但是在.zshrc文件中添加命令source ~/.bash_profile。
這樣就相當(dāng)于凑术，每次打開終端時(shí)翩蘸，就自動(dòng)執(zhí)行了source ~/.bash_profile命令，可以達(dá)到同樣的效果淮逊。
但是為了方便我們管理環(huán)境變量配置催首，建議用第2種方式，因?yàn)槲覀冇锌赡懿还鈌lutter配置會(huì)用到相關(guān)的工具泄鹏，所以使用bash_profile單獨(dú)進(jìn)行管理郎任。
4、修改環(huán)境檢查還需要配置的項(xiàng)
配置完成以后關(guān)閉終端重新打開再次執(zhí)行命令：flutter doctor
看到正在檢查flutter環(huán)境备籽，就說明安裝成功了舶治，但還會(huì)有部分需要配置的內(nèi)容，如下圖：
檢查環(huán)境以后车猬，還需要配置的項(xiàng)會(huì)列舉出來霉猛，需要繼續(xù)修改，檢查通過才能正常使用
報(bào)錯(cuò)信息：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.
是因?yàn)锳ndroid Studio中缺少SDK珠闰，需要安裝對(duì)應(yīng)的SDK惜浅，步驟如下：
打開Android Studio，選擇菜單Tools中的SDK Manager選項(xiàng)伏嗜，打開SDK配置窗口坛悉，
在窗口中選擇SDK Tools選項(xiàng)卡
然后勾選下圖中紅框內(nèi)的選項(xiàng)，然后點(diǎn)擊ok等待下載成功
下載完成以后承绸，回到終端中執(zhí)行flutter doctor命令繼續(xù)檢查環(huán)境
如下圖裸影，說明SDK的問題已經(jīng)解決，但是驗(yàn)證不通過
按照提示八酒，執(zhí)行命令：flutter doctor --android-licenses
然后一直輸入y并回車就可以了空民，再次執(zhí)行flutter doctor，可以看到工具的問題已經(jīng)解決
報(bào)錯(cuò)信息：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.
是因?yàn)闆]有安裝谷歌瀏覽器，去官網(wǎng)下載一個(gè)谷歌瀏覽器安裝就行了
安裝好以后再次檢查環(huán)境
剩下最后一個(gè)警告界轩，路徑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柄沮、在終端命令窗口重新運(yùn)行flutter doctor，看到檢查項(xiàng)全部為綠色勾狀態(tài)废岂，問題全部解決祖搓，環(huán)境搭建成功。
到這一步檢查全部通過湖苞，就代表環(huán)境搭建成功了拯欧，可以去Android Studio中創(chuàng)建Flutter項(xiàng)目進(jìn)行開發(fā)了。
