Flutter開發環境搭建Mac版

因爲我公司使用的是Mac電腦，但家裏是windows。因此這篇文章沒有視頻，但我會寫的儘可能詳細。但願你能經過閱讀文章，也能在mac上搭建起Flutter環境。照着這篇文章配置時，你最好自備了***，不然不保證能順利完成。

系統環境要求

由於Flutter是新出的框架，因此對系統仍是有必定的要求的。

• MacOS （64-bit）
• 磁盤空間：大於700M，若是算上Android Studio等編輯工具，儘可能大於3G。
• 命令號工具：bash、mkdir、rm、git、curl、unzip、which、brew 這些命令在均可以使用。

注意：通常你會在brew這個命令沒有下載而載坑，不少mac系統都沒有安裝這個，你能夠進行安裝，由於這個和本知識關係性不大，因此我就不寫流程了，若是你出現問題，直接點擊連接學習安裝就能夠了。

學習安裝brew：segmentfault.com/a/119000001…

下載Flutter SDK包

這裏推薦去官網下載就好，我掛了***，速度並不慢。

網址：flutter.io/setup-macos…

進入網址後，向下拖拽一下，而後看到圖片中的內容，點擊紅框處就能夠下載了。

 

 

 

若是你這也感受麻煩，那能夠直接點擊下面的連接：

點擊直接下載：storage.googleapis.com/flutter_inf…

這個會隨着版本的升級，而失效，因此不建議使用。

配置環境變量

壓縮包下載好之後，找個位置進行解壓。這個位置很重要，由於下面配置環境變量的時候要用到。好比你配置到了根目錄下的app文件夾。

1.打開終端工具（這個我就不用寫了吧），使用vim進行配置環境變量，命令以下：

vim ~/.bash_profile
複製代碼

在打開的文件裏增長一行代碼，意思是配置flutter命令在任何地方均可以使用。

export PATH=/app/flutter/bin:$PATH
複製代碼

提示：這行命令你要根據你把壓縮包解壓的位置來進行編寫，寫的是你的路徑，頗有可能不跟文章同樣。

配置完成後，須要用source命令從新加載一下 ，具體命令以下：

source ~/.bash_profile
複製代碼

完成這部之後，就算咱們flutter的安裝工做完成了，可是這還不能進行開發。可使用命令來檢測一下，是否安裝完成了。

flutter -h
複製代碼

出現下面的結果，說明到目前爲止，咱們安裝一切順利。

 

 

 

檢查開發環境

到上邊爲止，咱們安裝好了Flutter，可是還不具有開發環境。開發還須要不少軟件和插件的支持，那到底須要哪些插件和軟件那？咱們可使用Flutter爲咱們提供的命令來進行檢查：

flutter doctor
複製代碼

 

 

 

若是你英文很好，你應該能夠很容易讀出上面的檢測結果，有不少條目都沒有經過。須要咱們安裝檢測結果一條條進行安裝，直到知足開發環境。（若是有[!]x標誌，表示本行檢測沒有經過，就須要咱們設置或者安裝相應的軟件了。）

有可能你的Android studio也沒有安裝，那麼你要先安裝這個編輯器，安裝好後，能夠順便下載Android SDK。

Android Studio下載地址：www.android-studio.org/

打開後選擇對應的Mac版本，以下圖（隨着網站的改版，可能略有不一樣）

 

 

 

下載Android SDK的時候，記得搭上***，不然你會等到天荒地老（祝君一切順利）。

若是你有安裝，那麼第一步要做的是容許協議（android-licenses）。容許方法就是在終端運行以下命令：

flutter doctor --android-licenses
複製代碼

而後讓你輸入Y/N的時候，一路Y就能夠了（至於啥意思，我也沒仔細看，大概就和安裝軟件的下一步下一步是同樣的，你按N是不能成功的）。

這不完成後，咱們再使用flutter doctor進行檢測後，會看到仍是有不少x。大概以下：

To install, run:
    brew install --HEAD libimobiledevice
    brew install ideviceinstaller
✗ ios-deploy not installed. To install:
    brew install ios-deploy
✗ CocoaPods not installed.
    CocoaPods is used to retrieve the iOS platform side's plugin code that responds to your plugin usage on the Dart side.
    Without resolving iOS dependencies with CocoaPods, plugins will not work on iOS.
    For more info, see https://flutter.io/platform-plugins
  To install:
    brew install cocoapods
    pod setup
複製代碼

其實大概意思就是咱們須要這些軟件，Flutter推薦你用brew命令進行安裝。

咱們能夠直接在終端裏輸入下列命令（每輸完一個都要等一會，等待軟件包安裝完成）

brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-deploy
brew install cocoapods
pod setup
複製代碼

安裝完這些，我大概花了1個半小時左右，我這是百兆光纖還加了***。

這個大問題解決之後，咱們還須要爲Android Studio安裝一下Flutter插件（這個有可能你安裝過，若是出現下面的提示，說明你尚未安裝）

✗ Flutter plugin not installed; this adds Flutter specific functionality.
✗ Dart plugin not installed; this adds Dart specific functionality.
複製代碼

打開Android Stuido 軟件，而後找到Plugin的配置，搜索Flutter插件。

 

 

 

出現上圖，點中間的Search in repositories,而後點擊安裝。

 

 

 

安裝完成後，你須要從新啓動一下Android Studio軟件。

我作到這裏環境就所有OK了，只有一個沒有找到調試設備了，由於我沒有調試的手機硬件，因此出現這個提示,不用管它。

[!] Connected devices
    ! No devices available
複製代碼

Pub源的配置

若是你沒有***，由於人人都知道的一個緣由，還須要在環境變量裏配置一下Pub源，否則你是沒法進行使用的。

運行：

vim ~/.bash_profile
複製代碼

增長兩行配置

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
複製代碼

從新加載環境變量

source ~/.bash_profile
複製代碼

但願你們都能安裝成功，這只是個人安裝過程，不敢保證所有正確，可是我儘可能詳細的描述了我Mac的搭建過程，但願能夠幫助到Flutter的愛好者。

做者：技術胖