前言：本文僅供學(xué)習(xí)，拒絕轉(zhuǎn)載！

本文只是按照Flutter中文網(wǎng)的安裝教程中具體實(shí)現(xiàn)步驟所做的記錄畔濒，因?yàn)橛行┨敿?xì)的東西Flutter中文網(wǎng)并沒做過多的解釋，所以在此做一個詳細(xì)的教程曼振，便于以后再次安裝省時省事。

Step 1： 下載安裝包蔚龙，配置環(huán)境變量

第一步肯定就是獲取安裝包了冰评，建議是通過去flutter官網(wǎng)下載其最新、穩(wěn)定的安裝包木羹，轉(zhuǎn)到下載頁 甲雅，下載速度取決于自身網(wǎng)速。

ps: 穩(wěn)定安裝包通過選擇Stable channel (macOS)通道里面的最新版本下載即可坑填，如果不是為了嘗鮮flutter最新的功能或者API的話抛人，個人建議是下載穩(wěn)定的版本，畢竟bate版這個玄之又玄的東西脐瑰，新手不建議使用妖枚。

安裝包

下載完成之后，就是上面這個Zip格式的壓縮文件蚪黑，然后把這個文件解壓到你想要安裝的目錄中去盅惜，下面這個步驟官網(wǎng)是通過終端命令的方式去解壓縮。

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

具體怎么做呢忌穿？請看分解動作 敲黑板劃重點(diǎn)Ｊ慵拧！掠剑！

目錄結(jié)構(gòu).png

cd Library/Flutter

然后執(zhí)行下面的命令解壓縮我們下載下來的zip文件即可井佑，也可以手動解壓縮放到對應(yīng)的目錄下面

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

至此已經(jīng)是安裝初步完成，但是還是需要驗(yàn)證是否安裝成功
注意：在驗(yàn)證是否安裝成功之前眠寿，需要先配置一個臨時的環(huán)境變量躬翁，只會在當(dāng)前命令窗口生效
執(zhí)行以下命令行

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

(以上設(shè)置只是設(shè)置了臨時環(huán)境變量，并不是說Flutter的環(huán)境變量就此設(shè)置完畢)
如果沒有報錯即為配置完成盯拱，然后運(yùn)行 flutter doctor

flutter doctor

可以看到我本機(jī)的Flutter已經(jīng)安裝完畢

輸出結(jié)果.png

隨之一起輸出的還有各個開發(fā)環(huán)境的配置情況

環(huán)境配置情況.png

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

一步一步來吧，因?yàn)槲易约菏莍OS開發(fā)狡逢，所以就從熟悉的Xcode開始宁舰，可以看到原因是因?yàn)閙acOS 缺失的軟件包的管理器造成的，安裝方法也很簡單奢浑，直接執(zhí)行以下命令即可
ps： brew的官網(wǎng)里面有此插件的介紹蛮艰，感興趣的可以看一下

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

經(jīng)過一次暫停需要手動敲擊任何按鍵進(jìn)行繼續(xù)安裝，之后輸入本機(jī)電腦密碼之后雀彼，安裝完成壤蚜。

安裝brew成功.png

之后繼續(xù)運(yùn)行 flutter doctor 查看配置信息

flutter doctor

配置信息.png

可以看到iOS的環(huán)境依舊是感嘆號即寡，三個原因：

• 一個原因是brew沒有進(jìn)行初始化操作
• 另一個原因就是ios-deploy not installed.
• 最后一個原因是cocoapods與flutter的依賴關(guān)系造成的，具體可以參考https://flutter.dev/platform-plugins

OK袜刷，那么先按照提示執(zhí)行pod setup操作嘿悬，眾所周知這個pod setup是一個比較漫長的過程，喝杯茶等一下吧水泉。
其實(shí)我自己的pod是安裝過的善涨，可能是版本太低，或者配置不正確的原因造成的草则，我查看了一下pod --version钢拧，發(fā)現(xiàn)我的版本號并不低，那就可能是依賴關(guān)系炕横，或者配置造成的原因源内，具體原因有待深究，小伙伴可以留言一起探討

pod setup

pod操作.png

pod setup之后份殿，順便執(zhí)行一下 檢查更新

sudo gem install cocoapods

然后再次執(zhí)行 pod --version 查看pod版本號膜钓，發(fā)現(xiàn)已經(jīng)更新到最新的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適配結(jié)果.png

安裝插件.png

安裝Flutter插件.png

flutter doctor

需同意協(xié)議.png

flutter doctor --android-licenses

image.png

最終結(jié)果.png