配置Flutter環境ForMac

關於Flutter的介紹我這裏就很少說（看官網），若是你已經瞭解過了，那麼這篇文章正好針對iOS開發者，開啓Flutter之旅。

Flutter的配置其實有一些坑。尤爲針對iOS開發者不太熟悉Android的開發環境，萬事開頭難。我的選擇使用Android Studio 做爲開發Flutter的工具，考慮到Google的兼容性。

做爲一個開發者，有一個學習的氛圍跟一個交流圈子特別重要，這是一個個人iOS交流羣：763164022，無論你是小白仍是大牛歡迎入駐 ，分享BAT,阿里面試題、面試經驗，討論技術， 你們一塊兒交流學習成長！

01安裝Fluter

這裏的步驟其實和官方的差很少，你們也能夠直接參考官網

1.1 更新HomeBrew

HomeBrew在Mac電腦默認自帶這個工具包。咱們只須要安裝Flutter以前先升級它。 打開你的終端輸入命令。

$ brew update
複製代碼

1.2 下載Flutter的SDK

1.2.1 進入官網

1.2.2 選擇對應系統

1.2.3 選擇最新版本壓縮包下載

1.2.4 解壓SDK包

下載完成後，那麼接下來就是安裝路徑了。

由於Flutter的SDK中包含了不少命令行工具。咱們須要配置環境變量，因此建議你安裝到你平時放命令行工具程序的地方! 我這裏安裝在了根目錄的opt下! /opt/flutter （僅供參考，安裝在哪裏看你本身的習慣）

1.3 配置環境變量

1.3.1 配置鏡像

由於Flutter 在運行的時候,須要去官方下載所須要的資源.那麼沒有「ti子」的夥伴你會須要鏡像服務器，如下是官方文檔的友情提示。

來到你對應Shell的配置文件進行配置。 若是你使用默認的bash那麼配置 ~/.bash_profile 若是你使用zsh那麼配置~/.zshr

#Flutter 鏡像配置
$ export PUB_HOSTED_URL=https://pub.flutter-io.cn
$ export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
複製代碼

1.3.2 配置Flutter環境變量 接下來，將Flutter命令行工具的路徑配置一下。仍是對應Shell的配置文件中

#Flutter 配置
$ export FLUTTER=/opt/flutter/bin
$ export PATH=$FLUTTER:$PATH
複製代碼

配置完成後，從新打開終端或者輸入命令載入配置

#你本身的配置文件路徑
$ source ~/.bash_profile
複製代碼

那麼接下來!咱們能夠看看Flutter是否配置完成了。Flutter有一個doctor檢測指令。專門用於檢測你的Flutter環境的。

$ flutter doctor
複製代碼

打鉤就是配置OK了. 叉叉就是尚未配置好的. 咱們能夠看到首先配置好的是Flutter 運行環境!

那麼接下來.咱們安裝!Android Studio!

02配置安卓環境

2.1 安裝Android Studio

咱們先安裝Android Studio能夠去國內官網下載

2.2 配置SDK

• 使用flutter doctor檢測

  

• 解決 使用提示中的命令升級SDK

$ "/Users/h/Library/Android/sdk/tools/bin/sdkmanager" "platforms;android-28" "build-tools;28.0.3"
複製代碼

2.3 配置安卓環境變量

在對應的Shell配置文件中寫下.

12 #安卓
 13 export ANDROID_HOME=~/Library/Android/sdk
 14 #安卓模擬器路徑
 15 export PATH=${PATH}:${ANDROID_HOME}/emulator
 16 #安卓tools路徑
 17 export PATH=${PATH}:${ANDROID_HOME}/tools
 18 #安卓 平臺工具
 19 export PATH=${PATH}:${ANDROID_HOME}/platform-tools

複製代碼

2.4 安裝Android Studio的插件

• 檢測環境，缺乏Flutter插件

  

• 來到Studio的偏好設置裏面.

  

當跳出安裝Dart插件的界面時，也點擊Yes進行安裝。

• 安裝完成後重啓Android Studio。能夠看到有這樣的界面

  

• 再次進行Flutter的檢測$ flutter doctor會發現搞定了!

  

2.5 配置安卓的模擬器

• 打開AndroidStudio在工具欄上的模擬器管理

  

  咱們點開模擬器.選擇Creat 建立

• 建立設備

  

• 選擇設備

  

• 選擇系統並下載

  

而後下一步! 最後點擊完成

注意這裏最好給模擬器一個簡單的名字.由於後期咱們可能會用命令啓動模擬器

2.6 配置虛擬機加速

• 來到Android Studio 進入SDK Manager裏面.. 找到並安裝!

  

• 來到目錄下! 找到安裝程序

$ ~/Library/Android/sdk/extras/intel/Hardware_Accelerated_Execution_Manager/

複製代碼

• 查看進程

$ kextstat | grep intel

複製代碼

03配置iOS環境

目前1.5.4版本的Flutter須要匹配新版本的Xcode10

• 檢測flutter doctor

  

• 安裝報錯

• Github的issue裏面有答案

  

• 解決問題

$ brew link  pkg-config
$ brew install --HEAD usbmuxd
$ brew unlink usbmuxd
$ brew link usbmuxd
$ brew install --HEAD libimobiledevice 
$ brew install ideviceinstaller

複製代碼

• 配置完成!flutter doctor