這篇部落格我們介紹了Flutter，并且對比了H5，React Native，Flutter。
由于Flutter是跨平台的開發架構，開發一次可以同時運作在Android和iOS上面，是以我們開發時最好使用Mac系統，這樣我們可以同時測試兩個平台的運作效果。
本文我們就來介紹在Mac系統下安裝與配置Flutter開發環境，并且運作我們的第一個Flutter應用！
為了Flutter的安裝配置順利，請×××。
首先，我們需要首先下載下傳Flutter的SDK，通過官網的這個連結可以找到每個版本的下載下傳連結，找到最新穩定版下載下傳。寫這篇文章時的最新版是v1.2.1版本，我們就以這個版本來舉例。
下載下傳完成後我們對SDK進行解壓，可以解壓到任何位置。我們這裡解壓到使用者主目錄下的development目錄。下面我們打開終端執行以下指令：
将解壓後的路徑加入到環境變量中。
打開使用者目錄下的.bash_profile檔案，如果沒有則建立這個檔案：
在這個檔案的最後添加SDK的路徑到PATH中：
然後執行source讓配置生效：
配置好後，Flutter提供了一個檢查安裝狀态的指令：
運作以終端會輸出目前的Flutter環境是否正确，還需要安裝什麼等等，比如Android SDK，iOS的開發環境等等。
如果在Mac系統上開發Flutter應用，筆者推薦使用iOS模拟器進行開發調試，因為iOS模拟器相比Android模拟器要更加快速與流暢。
從Mac App Store搜尋并安裝Xcode。
安裝完成後在終端裡執行以下指令配置最新的指令行工具：
打開一次Xcode并接受許可協定，或者通過指令行運作下面指令：
通過指令行打開一個模拟器：
選擇模拟器，然後通過Hardware -> Device菜單檢視確定目前模拟的是iPhone5s之後的機型。
下面我們來介紹安裝Android的開發環境。
從官網下載下傳最新版的Android Studio。
打開Android Studio，根據安裝向導提示安裝最新版的Android SDK，Android SDK Platform-Tools，Android SDK Build-Tools。
打開Android Studio後選擇Tools > Android > AVD Manager，然後選擇Create Virtual Device（建立虛拟裝置）。
填入裝置的資訊然後下一步，選擇鏡像的時候最好選擇架構x86或者x86_64，因為和電腦的架構一緻，否則如果選擇ARM架構的話模拟器運作後會非常卡頓。
(可選)選擇Hardware - GLES 2.0來進行硬體加速，以使模拟器獲得更好的運作速度。
一切都選好後點選Finish即完成配置。
雖然Flutter開發可以使用很多IDE，比如Android Studio，IntelliJ IDEA，VS Code等等，你可以根據喜好進行選擇。
但是筆者建議使用Android Studio，因為它對Flutter開發支援的最好，并且谷歌官方也是推薦使用它。
下面我們就來介紹Android Studio的配置。
打開Android Studio。
安裝Flutter插件。選擇菜單Preferences > Plugins 然後點選Browse repositories搜尋Flutter，找到後開始安裝。
當跳出安裝Dart插件的界面時，也點選Yes進行安裝。
安裝完成後重新開機Android Studio。
上面我們已經完成了Flutter開發環境的配置，下面我們就開始建立我們的第一個應用吧！
我們打開Android Studio，然後選擇開始建立Flutter工程：
然後選擇Flutter Application，并點選下一步：
在這個幾面填入你的工程名，SDK位置與儲存位置等資訊：
點選下一步後，需要輸入你的包名，也就是你的域名，沒有域名的話輸入自己的名字一類的域名，目的就是為了保證你的應用的唯一性。
資訊輸入完成後我們點選"Finish"按鈕即可完成工程的建立。
當我們的工程編譯完成後，可以選擇不同的平台運作，如圖所示：
預設的工程是一個簡單的計數器，選擇不同的平台運作後可以看到運作後的界面：
恭喜！第一個程式運作成功地運作起來了！
接下來我們就可以深入研究Flutter的強大特性了！
本篇文章-Flutter的安裝配置并不複雜。另外還需要安裝配置iOS開發環境和Android開發環境。當然如果隻是學習的話安裝iOS即可，如果你的電腦是Windows或者Linux的話，此時隻能安裝配置Android開發環境了，因為iOS的開發環境隻能在Mac上配置。還有Flutter的熱部署也會使開發效率提升很多，大家可以試着改一些代碼體驗一下。